window.onload 함수 여러개 실행되게 하기

window.onload 함수 여러개 실행되게 하기

jQuery 로 하면 $(document).ready(function(){}); 으로 처리하면 편하긴 한데

자바스크립트만으로 처리를 해야되는 경우에는 아래 같은 방법으로 사용하면 된다.

<script type="text/javascript">

function addOnload(func) {

var initOnLoad = window.onload;

if(typeof initOnLoad == 'function') {

alert('exist onload');

window.onload = function() {

initOnLoad();

func();

}

}

else {

alert('not exist onload');

window.onload = func;

}

}

function func_1st() {

document.write('function 1st<br/>');

}

function func_2nd() {

document.write('function 2nd<br/>');

}

function func_3rd() {

document.write('function 3rd<br/>');

}

addOnload(func_1st);

addOnload(func_2nd);

addOnload(func_3rd);

</script>