예제 9-13. onload에서 사이트 이전을 알리는 공고창 출력
WEB/JAVASCRIPT-CONCEPT 2017. 11. 2. 14:25 |5. 문서와 이미지 로딩, onload
* 문서의 로딩 완료와 onload
웹 페이지의 출력(로딩)이 완료되면 window 객체에 load 이벤트가 발생한다. 2가지 방법으로 작성할 수 있다.
1. window.onload = "alert('onload')"
2. <body onload = "alert('onload')">
<body> 태그에 onload 리스너를 만드는 것은 사실상 window.onload를 이용하는 것과 동일하다.
예제 9-13. onload에서 사이트 이전을 알리는 공고창 출력.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML 문서의 onload</title> </head> // 밑의 '\'는 <enter>키를 무시하게 만듦 <body onload="alert('이 사이트는 2017년 9월1일부터 \ www.js.co.kr로 옮겨지게 됩니다.')"> <h3>HTML 문서의 로딩 완료, onload</h3> <hr> 이 페이지는 onload 리스너의 사용 예를 보여줍니다 이 페이지가 출력되고 난 바로 직후 onload 리스너를 통해 경고창을 출력합니다. </body> </html> | cs |
'WEB > JAVASCRIPT-CONCEPT' 카테고리의 다른 글
| 예제 9-15. 이미지 갤러리 만들기 : new Image()로 이미지 로딩 (0) | 2017.11.02 |
|---|---|
| 예제 9-14. onload로 이미지 크기 알아내기 (0) | 2017.11.02 |
| 예제 9-10. 마우스 관련 이벤트 리스너. 예제 9-11. onmousemove와 마우스 위치 및 버튼. 예제 9-12. oncontextmenu로 소스 보기나 이미지 다운로드 금지 (0) | 2017.11.02 |
| 예제 9-9. onclick 리스너로 계산기 만들기 (0) | 2017.11.02 |
| 예제 9-8. 이벤트 흐름//수정해야됨 (0) | 2017.11.02 |