N잡러 대충 시작하기

[html] window.onload 가 실행되는 시점

B.Dragon 2015. 7. 22. 11:55

코딩을 하다가 보면 변수의 위치에 따라 함수를 불러오는 순서가 틀려 질수 있다.

 

window.onload = function 이 언제 실행이 되는지 알아보자.

 

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Insert title here</title>
  6.     <script>
  7.         window.onload = function(){
  8.             alert("⑤window.onload test...");
  9.         };
  10.         alert("①head");
  11.     </script>
  12.  
  13. </head>
  14. <body>
  15.     <script>
  16.         alert("②before div");
  17.     </script>
  18.     <div>
  19.         ③div...
  20.     </div>
  21.     <script>
  22.         alert("④after div");
  23.     </script>
  24. </body>
  25. </html>

 

위와 같이 코딩을 했을 경우

 

알럿 순서!

 

1. ①head

2. ②before div

3. ③div..

4. ④after div

5. ⑤window.onload test...

 

제일 위에 있지만 제일 마지막으로 호출!

 

여러가지로 활용 가능 할듯 하다.