최신 웹 개발 튜토리얼
 

온로드 이벤트

<이벤트 객체

예

페이지가로드 된 직후 자바 스크립트를 실행합니다 :

<body onload="myFunction()">
»그것을 자신을 시도

더 "Try it Yourself" 아래의 예.

정의 및 사용

객체가로드되었을 때 onload 이벤트가 발생합니다.

온로드는 가장 자주 내에서 사용되는 <body> 웹 페이지가 완전히 (이미지, 스크립트 파일, CSS 파일 등을 포함한) 모든 컨텐츠를로드 한 후 스크립트를 실행하는 요소입니다.

onload 이벤트는 방문자의 브라우저 종류 및 브라우저 버전을 확인하고 정보를 기반으로 웹 페이지의 적절한 버전을로드하는 데 사용할 수 있습니다.

onload 이벤트도 처리 할 수 있습니다 cookies (참조 "More Examples" 아래 참조).

브라우저 지원

행사
onload 예 예 예 예 예

통사론

HTML에서 :

< »그것을 자신을 시도

자바 스크립트에서 :

object .onload=function(){ »그것을 자신을 시도

자바 스크립트는 사용 addEventListener() 메서드를 :

object .addEventListener("load", myScript );
»그것을 자신을 시도

참고 : addEventListener() 메서드는 인터넷 익스플로러 8 이전 버전에서는 지원되지 않습니다.

기술적 세부 사항

거품 : 아니
취소 가능 : 아니
이벤트 유형: UIEvent를 사용자 인터페이스에서 발생하는 경우, 이벤트, 그렇지.
지원되는 HTML 태그 : <body> <구조>, <iframe> 해당 <IMG>, <input 타입 = "이미지"> <링크> <script> <style>
DOM 버전 : 레벨 2 이벤트
예

더 예

예

온 온로드하여 <img> 요소. 경고 "Image is loaded" 이미지가로드 된 직후 :

<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">

<script>
function loadImage() {
    alert("Image is loaded");
}
</script>
»그것을 자신을 시도

예

쿠키를 다루는 onload 이벤트를 사용 :

<body onload="checkCookies()">

<script>
function checkCookies() {
    var text = "";

    if (navigator.cookieEnabled == true) {
       text = "Cookies are enabled.";
    } else {
        text = "Cookies are not enabled.";
    }

    document.getElementById("demo").innerHTML = text;
}
</script>
»그것을 자신을 시도
<이벤트 객체