window.onload的页面加载技巧

最新推荐文章于 2024-08-24 23:02:54 发布

bingwangzi1988

最新推荐文章于 2024-08-24 23:02:54 发布

阅读量94

点赞数

文章标签： XHTML .net HTML

本文链接：https://blog.csdn.net/bingwangzi1988/article/details/83695062

版权

[size=small]大家仔细看下面两段代码，代码一的window.onload = doIt()函数后面有();而代码二的window.onload = doIt函数名后面没有括号。

详细出处参考：http://www.jb51.net/article/16010.htm

把两段代码分别测试后发现不带括号的window.onload在页面加载后显示了正确的效果。我想window.onload也相当于一个触发事件，如果函数加了括号那就直接先执行函数，再加载body。而不加括号，则相当于将一个函数当作变量赋值到window.onload上，并不立即加载。 [/size]

[b][color=blue][size=medium]代码一：[/size][/color][/b]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script> 
window.onload = doIt(); 
function doIt() { 
var oDiv = document.getElementById("div1"); 
alert (oDiv); 
} 
</script> 
</head> 
<body> 
<div id="div1"></div> 
</body> 
</html>

[b][color=blue][size=medium]代码二：[/size][/color][/b]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script> 
window.onload = doIt; 
function doIt() { 
var oDiv = document.getElementById("div1"); 
alert (oDiv); 
} 
</script> 
</head> 
<body> 
<div id="div1"></div> 
</body> 
</html>

bingwangzi1988

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
window.onload的页面加载技巧

[size=small]大家仔细看下面两段代码，代码一的window.onload = doIt()函数后面有();而代码二的window.onload = doIt函数名后面没有括号。详细出处参考：http://www.jb51.net/article/16010.htm把两段代码分别测试后发现不带括号的window.onload在页面加载后显示了正确的效果。我想window....
复制链接

扫一扫