CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...
window.onload
웹페이지(DOM 데이터)의 로딩이 끝나는 시점(이벤트)에 실행되는 함수를 지정하며 {} 안에 문서가 다 읽어지고 난후(로딩후) 실행시킬 자바스크립트 코드를 넣어주면 실행이 됩니다.
페이지 안의 이미지나 외부 파일이 로드 될 때까지 기다린 후에 실행되기 때문에 로딩시간이 길어질 수 있습니다.
|
window.onload = function(){
실행할 코드;
}
|
<body onload="">
window.onload와 <body onload="">는 동시에 사용을 할 수 없습니다. 왜냐하면 <body onload="">가 실행이 되면 window.onload는 실행이 되지 않기 때문입니다.
|
<body onload="javascript:함수명;"> |
window::onload()
window::onload() 와 <body onload="">구문이 있으면 <body onload="">가 먼저 실행되고, 이어서 window::onload()가 실행됩니다
|
<head>
<script type="text/javascript">
function window::onload(){
실행할 코드;
}
</script>
</head>
<body onload="javascript:함수명;">
</body> |
'Development > JavaScript, jQuery, ...' 카테고리의 다른 글
| HTML DOM Event 종류 (0) | 2019.01.16 |
|---|---|
| 노드 치환(교체) - replaceChild() (0) | 2019.01.16 |
| DOM 요소의 선택 방법 (0) | 2019.01.15 |
| DOM 종류 (0) | 2019.01.15 |
| 자바스크립트 - 객체 메소드(method) (0) | 2019.01.14 |