<html>
<head>
<script>
window.addEventListener('load', function(){
console.log('load');
})
window.addEventListener('DOMContentLoaded', function(){
var t = document.getElementById('target');
console.log(t);
})
</script>
</head>
<body>
<p id="target">Hello</p>
</body>
</html>여기서 load 는 스크립트가 문서 마즈막에 실행되게 function 을 묵고 있다가 나중에 로드해준다
DOMContentLoaded 만이 실행되었을 때 즉 DOM실행만하고 다음에 이함수를 실행한다라는 프로그램이다
'HTML 참고서 > HTML 생활코딩 Youtube' 카테고리의 다른 글
| 26.JavaScript Form event (0) | 2020.04.17 |
|---|---|
| 25.JavaScript Form event (0) | 2020.04.17 |
| 23.JavaScript event 3 (0) | 2020.04.17 |
| 22.JavaScript event 2 (0) | 2020.04.17 |
| 20.JavaScript event 1 (0) | 2020.04.17 |
Or71nH