JavaScript => 이벤트

페이지, DOM 및 브라우저로드 중

이것은로드 이벤트의 변형을 설명하는 예제입니다.

온로드 이벤트

<body onload="someFunction()">
<img src="image1" />
<img src="image2" />
</body>

<script>
    function someFunction() {
    console.log("Hi! I am loaded");
}
</script>

이 경우 이미지 및 스타일 시트 (있는 경우) 가 포함 된 페이지의 모든 내용 이 완전히로드되면 메시지가 기록됩니다.

DOMContentLoaded 이벤트

document.addEventListener("DOMContentLoaded", function(event) {
    console.log("Hello! I am loaded");
});

위의 코드에서 메시지는 DOM / 문서가로드 된 후에 만 기록됩니다 ( 예 : DOM이 생성 된 후 ).

자체 호출 익명 함수

(function(){
    console.log("Hi I am an anonymous function! I am loaded");
})();

여기서 브라우저는 익명의 기능을 해석하는 즉시 로그에 기록됩니다. 즉,이 함수는 DOM이로드되기 전에 실행될 수 있습니다.

Modified text is an extract of the original Stack Overflow Documentation

아래 라이선스 CC BY-SA 3.0

와 제휴하지 않음 Stack Overflow

JavaScript
이벤트

수색…

페이지, DOM 및 브라우저로드 중