script

window.onload 실행 순서(IE)

준용 2008. 7. 30. 15:03
window.onload 함수를 한페이지에서 여러군데 사용할 경우가 생길수가 있다.
한군데에서만 사용할수 있게끔 설계를 잘해야 겠지만 어쩔수 없는 상황에서 쓸수 있는
IE전용 onload함수들의 실행순서를 알아봅시다


<script type="text/javascript">
// 1. IE, 모질라 계열 사용가능
window.onload = function() {
showMessage("onload");
}
// 2. IE전용
function window::onload() {
showMessage("::onload");
}
// 3. IE전용
window.attachEvent("onload", function() {
showMessage("eventOnload");
})

function showMessage(msg) {
alert(msg);
}
</script>



한페이지에서 실행 했을때 실행 순서는 1 -> 2 -> 3

모질라 계열에서 사용할 수 있는 함수는 1번과 3번인데
3번 같은 경우는 IE와 모질라계열에서는 event를 사용하는 법이 틀리다.

<script type="text/javascript">
window.addEventListener("load", showMessage("onload"));

function showMessage(msg) {
alert(msg);
}
</script>

웹표준을 준수한다면 브라우저 체크후 event를 사용하면 될듯..