HTML에서 JavaScript로드

JavaScript

조밈밍 2022. 3. 13. 17:19

<HTML에서 JavaScript로드>

결과 : 각각의 버튼을 누르면 이벤트 실행 -> alert창 뜬다

☞ getElementById("id값") : html 태그 내에 해당 id를 가지고 있는 태그에 접근

☞ 이벤트 : 마우스(키보드, 터치, 펜 등)를 조작하면 그에 대한 반응을 하는 것

☞ addEventListener("이벤트 종류", 함수이름) : 특정 이벤트가 발생되었을때, 특정함수를 실행할 수 있게 해준다

☞ src = " " 외부파일의 URL 명시

<자바스크립트 파일 <head>에 존재할때>

결과 : 오류발생, alert실행 안된다

: 외부로 빼둔 자바스크립트 파일이 <head>태그 안에 존재

: 위에서 부터 아래로 순서대로 코드가 실행되기 때문에 hw를 찾을수 없다

<input>태그가 존재하지 않아 alert가 실행되지 않는다

해결 : onload를 이용

: window.onload로 현재 웹페이지에 있는 모든 코드가 다 읽히고 완성된 후

웹브라우저는 onload를 호출한다
: <input>태그가 존재하므로 alert실행

: 보통 스크립트 태그는 바디 맨아랫부분에 존재한다