Web/JavaScript
[javascript] onload 시점 정리
opid
2013. 8. 16. 14:28
잘못 사용하면 많은 문제점이 따른다.
먼저 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() { 로딩 될 때 }); |