js之onload事件的一点使用心得
2018-10-12 13:52
579 查看
如果我问你window.load和window.onload分别是什么意思,恐怕你会回答我:“这不是页面加载完就执行吗”。
但是答案是不一定,得看你怎么用。看一下例子吧
例1:
当你看到true的弹出框的时候,你肯定没有看到“当你看到true时看不到我”,说明页面还没有载入完就已经开始执行js了。
例2
当你看到true的弹出框的时候,你也会看到“你看到true时就看到我了”,这个才是真正的页面载入完才触发。
PS:推荐像onload事件之类的使用匿名函数执行,即window.onload=function(){ShowMessage();}这种形式。
但是答案是不一定,得看你怎么用。看一下例子吧
例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();}这种形式。
您可能感兴趣的文章:
相关文章推荐
- js之onload事件的一点使用心得
- js之onload事件的一点使用心得
- jquery.zoom.js的一点使用心得(仿京东放大镜)
- js之onload事件关于我的一点体会
- js图片预加载---for与onload事件,图片数据模型到界面的单项绑定,使用interval模拟循环操作
- 使用SIP的一点心得
- Asp.net 2.0使用Global.asax制作网站计数器的一点心得
- 一点C#代码的使用心得
- 使用DateGrid的ItemCommand的一点心得
- 关于三层结构的一点使用心得与开发建议
- 使用QTP9.0的一点心得——对象仓库
- js 动态添加onload事件
- Asp.net 2.0使用Global.asax制作网站计数器的一点心得
- 使用prototype.js的事件处理方法
- 使用Webbrowser的一点心得体会
- 使用oracle的一点心得
- 使用开发工具的一点小心得
- 使用ASP调用WebService的一点心得
- js图片预处理及onload事件
- 一点使用oracle net的心得