-
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실행: 보통 스크립트 태그는 바디 맨아랫부분에 존재한다
'JavaScript' 카테고리의 다른 글
Element (0) 2022.03.13 alert, confirm, prompt, location, 창 제어, 상호작용, 팝업차단 (0) 2022.03.13 상속, prototype, 표준 내장 객체 (0) 2022.03.12 생성자와 new, 전역객체, this (0) 2022.03.12 arguments, 함수의 호출 (0) 2022.03.12