window.onload와 body onload(둘)

3409 단어 window

window.onload 이벤트와 body의 onload 이벤트는 모두 문서 불러오기가 끝난 후에야 촉발됩니다.
window.onload의 익명식:
window.onload = function(){
	alert("window");
}

 
window.onload의 굶주림:
function wol(){
	alert("window");
}
window.onload = wol(); 

 
window.onload의 게으름뱅이식:
function wol(){
	alert("window");
}
window.onload = wol;

 
게으름뱅이 식 실행 최종 코드.모든 코드를 굶주린 식으로 실행합니다.익명으로 최종 코드를 실행합니다.
 
<html>
<head>
<script type="text/javascript">
window.onload = function(){
	alert("window");
}
function bol(){
	alert("body");
}
</script>
</head>
<body onLoad="bol();">
<script type="text/javascript">

</script>
</body>
</html>

 
익명식과 바디는head에서:body.onload 실행, 익명식 실행.
 
 
<html>
<head>
<script type="text/javascript">
</script>
</head>
<body onLoad="bol();">
<script type="text/javascript">
function bol(){
	alert("body");
}
window.onload = function(){
	alert("window");
}
</script>
</body>
</html>

익명식과 바디는body에서: 익명식 실행,body.onload가 실행되지 않습니다.
 
 
<html>
<head>
<script type="text/javascript">
function bol(){
	alert("body");
}
window.onload = wol; 
function wol(){
	alert("window");
}
</script></head>
<body onLoad="bol();">
</body>
</html>

게으름뱅이와 바디는 머리 안에서: 바디.onload 실행, 게으름뱅이 실행 안 합니다.
 
<html>
<head>
<script type="text/javascript">
</script>
</head>
<body onLoad="bol();">
<script type="text/javascript">
function bol(){
	alert("body");
}
window.onload = wol; 
function wol(){
	alert("window");
}
</script>
</body>
</html>

게으름뱅이와 바디는body에서: 게으름뱅이 실행,body.onload가 실행되지 않습니다.
 
<html>
<head>
</head>
<body onLoad="bol();">
<script type="text/javascript">
function bol(){
	alert("body");
}
window.onload = wol(); 
function wol(){
	alert("window");
}
</script>
</body>
</html>

or

<html>
<head>
<script type="text/javascript">
function bol(){
	alert("body");
}
window.onload = wol(); 
function wol(){
	alert("window");
}
</script>
</head>
<body onLoad="bol();">
</body>
</html>

굶주림식과 바디: 둘 다 실행합니다.
 
익명식, 게으름뱅이식, 굶주린 식과body:body.onload와 굶주린 자식은 익명식, 게으른 자식은 실행하지 않습니다.

좋은 웹페이지 즐겨찾기