- onload : 문서가 태그정보들을 메모리에 전부 로딩 후 실행
- 로딩 문제 해결을 위해 body 하단에 <script> 사용 권장
소스
<body>
<script>
window.onload = function () {
// h1 태그가 아래에 있을 경우 h1보다, 스크립트가 먼저 실행되어 result를 못찾음, 에러발생
// onload 이벤트 내에 있을 경우 정상 실행 가능
var result = document.querySelector("#result");
result.innerHTML = "onload 에서 실행됨";
};
var result2 = document.querySelector("#result");
result2.innerHTML = "h1 태그 전에 실행됨";
</script>
<h1 id="result"></h1>
</body>
결과
onload 에서 실행됨
| JavaScript - navigator 객체 (0) | 2020.07.15 |
|---|---|
| JavaScript - location 객체 (접속 경로 확인) (0) | 2020.07.15 |
| JavaScript - window 객체 활용(open, moveBy, resizeTo, onunload) (0) | 2020.06.04 |
| JavaScript - window 객체 (0) | 2020.06.04 |
| JavaScript - select 객체의 옵션 추가, 삭제, 비활성화(options.length, disabled) (0) | 2020.06.04 |
댓글 영역