window.onload的使用

来源：互联网发布：文本相似度算法评分编辑：程序博客网时间：2024/06/01 08:02

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
< html>
< head>
< title>Untitled</title>
< script type="text/javascript">
function ShowMessage()
{
alert("true");
}
window.onload=ShowMessage();
< /script>
< /head>
< body>
当你看到true时看不到我
< /body>
< /html>

当你看到true的弹出框的时候，你肯定没有看到“当你看到true时看不到我”，说明页面还没有载入完就已经开始执行js了。
例2

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
< html> 
< head> 
< title>Untitled</title> 
< script type="text/javascript"> 
function ShowMessage() 
{ 
alert("true"); 
} 
window.onload=function(){ShowMessage();} 
< /script> 
< /head> 
< body> 
你看到true时就看到我了 
< /body> 
< /html> 

当你看到true的弹出框的时候，你也会看到“你看到true时就看到我了”，这个才是真正的页面载入完才触发。
PS：推荐像onload事件之类的使用匿名函数执行，即window.onload=function(){ShowMessage();}这种形式。

总结：要用匿名的方式，就会是页面整个加载完成，window.onload 这个表示加载完页面所有东西以后才执行
window.load这个应该只是表明事件方法，但并未执行，比如click表示点击事件，但他并未执行，必须用上onclick他才会执行

阅读全文

0 0