관리 메뉴

맛집 여행 캠핑 일상 생활

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

JAVASCRIPT

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

♥ 영은파더♥ 2016. 6. 10. 09:55

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>



Trackback : 0 | Comments : 0
댓글쓰기 폼