脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → 基础知识 → js onload事件

js之onload事件的一点使用心得

 更新时间：2013年08月14日 09:18:43   作者：  
window.load和window.onload的意思并不只是页面加载完就执行，那要看你怎么用了，下面做了示例为大家介绍下，感兴趣的朋友可以参考下
如果我问你window.load和window.onload分别是什么意思，恐怕你会回答我：“这不是页面加载完就执行吗”。
但是答案是不一定，得看你怎么用。看一下例子吧
例1：
复制代码 代码如下:

<!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();}这种形式。
您可能感兴趣的文章:

相关文章

最新评论