window.onload与body onload （二）

最新推荐文章于 2024-07-31 16:33:32 发布

矢风快乐

最新推荐文章于 2024-07-31 16:33:32 发布

阅读量113

点赞数

分类专栏： js 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/shifengkuaile/article/details/84463309

版权

js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

window.onload的事件和body的onload事件都是在document加载结束后才触发的。

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>

匿名式与body在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里:匿名式执行，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>

懒汉式与body在head里：body.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里：懒汉式执行，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: body.onload和饿汉式执行，匿名式，懒汉式不执行。

矢风快乐

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
window.onload与body onload （二）

window.onload的事件和body的onload事件都是在document加载结束后才触发的。window.onload之匿名式：window.onload = function(){ alert("window");} window.onload之饿汉式：function wol(){ alert("window");}window....
复制链接

扫一扫

专栏目录