예제 8-8. document가 닫힌 후 document.write()를 잘못 사용하는 예
WEB/JAVASCRIPT-CONCEPT 2017. 10. 31. 11:37 |* document.write() 사용 시 주의할 점
HTML 텍스트를 HTML 문서에 추가하기 위해 document.write()를 사용한다. 하지만 HTML 문서가 로드되어 출력이 모두 이루어지고 나면 document 객체가 닫히기 때문에, 더 이상 HTML 텍스트를 추가(출력)할 수 없다.
document 객체가 닫힌 후 document.write()가 실행되면, 브라우저는 document 객체에 담긴 현재 문서를 지우고 빈 document를 새로 연다.
그러므로 HTML 문서가 완전히 로드된 후 document.write()가 실행된다면, 현재 HTML 문서가 지워지고 새 문서가 작성되는 결과가 되고 말 것이다.
사용자가 브라우저의 바탕 아무 곳이나 클릭하면, 다음 onclick 리스너 코드가 실행된다.
<body onclick="document.write('<h3>클릭되었습니다</h3>')">
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>write()를 잘못 사용하는 예</title> </head> <body onclick="document.write('<h3>클릭되었습니다</h3>')"> <h3>write()를 잘못 사용하는 예</h3> <hr> <p>웹브라우저의 바탕 아무 곳이나 클릭해보세요.</p> </body> </html> | cs |
'WEB > JAVASCRIPT-CONCEPT' 카테고리의 다른 글
| 예제 8-10. HTML 태그의 동적 추가 및 삭제 (0) | 2017.10.31 |
|---|---|
| 예제 8-9. HTML 문서 작성 연습 페이지 만들기 (0) | 2017.10.31 |
| 예제 8-7. write()와 writeIn()활용 (0) | 2017.10.31 |
| 예제 8-6. 태그 이름을 DOM 객체 찾기, getElementsByTagName() (0) | 2017.10.31 |
| 예제 8-5. document 객체의 프로퍼티 출력 (0) | 2017.10.31 |