o 자바스크립트 역할
- 사용자 입력 처리(계산)
- 웹페이지 내용 및 모양 제어
- 브라우저 제어 (다른 사이트 접속, 히스토리 제어)
- 웹 서버와 통신


o 코드의 위치
- HTML 태그의 리스너 속성에 작성
<img src="apple.png" alt="그림" onclick="this.src='banana.pn'">
- <stript></script> 내에 작성
- 자바스크립트파일에 작성
<script src="파일이름.js"></script>
- url에 작성

<script>
var x = 100;

function f(){
    var x=1;
    document.write("지역변수 x=" +x);
    document.write("<br>");  /* 여러 라인 주석 */
}
</script>



o HTML DOM
- 브라우저가 HTLM 페이지를 로드하는 과정에서 각 html 태그를 하나의 객체로 생성
- DOM 객체를 통해 HTML 태그가 출력된 모양과 콘텐츠를 제어
https://zeroco.tistory.com/2


<h2>태그 이름으로 HTML 요소 찾기1</h2>
<p>안녕하세요</p>
<p>HTML DOM 요소</p>
<p>getElementsByTagName 메서드를 사용합니다.</p>
<p id="demo"></p>
<script>
var x = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML =
"첫 번째 구절 (인덱스 0번째) : " + x[0].innerHTML;
</script>

반응형

'아는 것이 힘 > IT세상' 카테고리의 다른 글

[VoIP]wireshark에서 통화 분석  (0) 2022.01.11
이미지에서 RGB추출  (0) 2022.01.06
[html5] CSS3  (0) 2021.12.27
[HTML5] html 개요  (0) 2021.12.27
웹 구성언어  (0) 2021.12.27

+ Recent posts