코드분리와 이벤트 바인딩 방법 두 가지

<script>

window.onload = function()

{

   var btnPrint = document.getElementById("btnPrint");

   btnPrint.onclick = function(){

   .......;   

 };

}

 

</scirpt>

 

<script src = "index.js"   />   ---- 단일 태그 방식으로 하면 안된다.

<script  src ="index.js"></scirpt>   -- 형식으로 표현해야 한다 . 

 

--------------------------------------------------------------------------------------------------------

<script src = "code1.js"></script>

<script src = "code2.js"></script>

<script src = "code3.js"></script>

 

function init(){.....

window.onload = init}   --1

function init(){.....

window.onload = init}  --2

function init(){.....

window.onload = init}  --3

 

window 객체가 대체 하기 때문에 맨 마지막 3번째 window객체만 로딩된다.

window의 서비스 함수중에 add

 

window.onload = function() {alert("test1");} 

window.onload = function() {alert("test2");}

window.onload = function() {alert("test3");}

 

window.addEventListener("load", function(){     -- 초기화 대신 누적하기 위해서 사용한다.

   alert("test1");

});

window.addEventListener("load", function(){

   alert("test2");

});

 

출처 : 자바스크립트 DOM 프로그래밍 23강 - 코드분리와 이벤트 바인딩 방법 두 가지.
https://www.youtube.com/watch?v=lpHBSI5Xyhc&list=PLq8wAnVUcTFWhQrIXNN6kPYXJA6X2IQM4&index=23