잘못 사용하면 많은 문제점이 따른다. 

먼저 onload는 DOM이 완성된 시점에서 실행된다.


<body onload = ""> 사용 시

<script> window.onload(){ 내용 } </script> 실행되지 않는다.

이에 대한 방안으로 window::onload() { 내용 } 을 사용할 수 있다.

실행순서 : body -> window::onload()


jQuery 활용하기

$(document).ready() 

DOM 데이터만 로드되면 바로 실행된다. 그러므로 window.onload 보다 빨리 실행된다.


jQuery를 이용한 실행 시점 순서이다.

$(window).load(function() { 모두 로드된 후에 처리 });

$(document).ready(function() { DOM객체 로드시 처리 });

$(function() { 로딩 될 때 });




+ Recent posts