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


Posted in Javascript onAugust 14, 2013

如果我问你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();}这种形式。
Javascript 相关文章推荐
JavaScript判断两种格式的输入日期的正确性的代码
Mar 25 Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 Javascript
jQuery+css实现百度百科的页面导航效果
Dec 16 Javascript
JavaScript判断用户名和密码不能为空的实现代码
May 16 Javascript
javascript十六进制数字和ASCII字符之间的转换方法
Dec 27 Javascript
微信小程序 实现动态显示和隐藏某个控件
Apr 27 Javascript
浅谈angular4生命周期钩子
Sep 05 Javascript
浅谈从React渲染流程分析Diff算法
Sep 08 Javascript
在JS循环中使用async/await的方法
Oct 12 Javascript
微信小程序在地图选择地址并返回经纬度简单示例
Dec 03 Javascript
解决vue打包后vendor.js文件过大问题
Jul 03 Javascript
JavaScript架构localStorage特殊场景下二次封装操作
Jun 21 Javascript
jQuery Animation实现CSS3动画示例介绍
Aug 14 #Javascript
JavaScript中json使用自己总结
Aug 13 #Javascript
jquery自定义类似$.ajax()的方法实现代码
Aug 13 #Javascript
Jquery动态进行图片缩略的原理及实现
Aug 13 #Javascript
javascript中RegExp保留小数点后几位数的方法分享
Aug 13 #Javascript
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
Aug 13 #Javascript
jquery二级导航内容均分的原理及实现
Aug 13 #Javascript
You might like
vBulletin HACK----关于排版的两个HACK
2006/10/09 PHP
深入for,while,foreach遍历时间比较的详解
2013/06/08 PHP
PHP+MYSQL会员系统的开发实例教程
2014/08/23 PHP
PHP自定义错误用法示例
2016/09/28 PHP
PHP标准库(PHP SPL)详解
2019/03/16 PHP
YII2框架中使用RBAC对模块,控制器,方法的权限控制及规则的使用示例
2020/03/18 PHP
js类中获取外部函数名的方法与代码
2007/09/12 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
2012/01/08 Javascript
EditPlus注册码生成器(js代码实现)
2013/03/25 Javascript
Jquery加载时从后台读取数据绑定到dropdownList实例
2013/06/09 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
2015/08/18 Javascript
prototype框架中美元符号$用法分析
2016/01/22 Javascript
类似于QQ的右滑删除效果的实现方法
2016/10/16 Javascript
Jquery Easyui验证组件ValidateBox使用详解(20)
2016/12/18 Javascript
jQuery实现表格冻结顶栏效果
2017/08/20 jQuery
NodeJS服务器实现gzip压缩的示例代码
2018/10/12 NodeJs
vue transition 在子组件中失效的解决
2019/11/12 Javascript
通过vue.extend实现消息提示弹框的方法记录
2021/01/07 Vue.js
举例讲解Python程序与系统shell交互的方式
2015/04/09 Python
Python基础语法(Python基础知识点)
2016/02/28 Python
让Python脚本暂停执行的几种方法(小结)
2019/07/11 Python
Django获取该数据的上一条和下一条方法
2019/08/12 Python
python3下pygame如何实现显示中文
2020/01/11 Python
详解python tkinter包获取本地绝对路径(以获取图片并展示)
2020/09/04 Python
英国鲜花速递:Serenata Flowers
2018/04/03 全球购物
优秀实习自我鉴定
2013/12/04 职场文书
给医务人员表扬信
2014/01/12 职场文书
九年级家长会邀请函
2014/01/15 职场文书
党员教师工作决心书
2014/03/13 职场文书
工程材料采购方案
2014/05/18 职场文书
名人演讲稿范文
2014/09/16 职场文书
2014年学习部工作总结
2014/11/12 职场文书
2014年外贸业务员工作总结
2014/12/11 职场文书
go语言求任意类型切片的长度操作
2021/04/26 Golang
微信小程序结合ThinkPHP5授权登陆后获取手机号
2021/11/23 PHP
Spring事务管理下synchronized锁失效问题的解决方法
2022/03/31 Java/Android