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 相关文章推荐
jQuery Ajax 实例全解析
Apr 20 Javascript
JS判断两个时间大小的示例代码
Jan 28 Javascript
JS将数字转换成三位逗号分隔的样式(示例代码)
Feb 19 Javascript
js限制文本框只能输入数字方法小结
Jun 16 Javascript
IE6 hack for js 集锦
Sep 23 Javascript
Javascript中使用parseInt函数需要注意的问题
Apr 02 Javascript
jQuery插件zepto.js简单实现tab切换
Jun 16 Javascript
学习使用AngularJS文件上传控件
Feb 16 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
Jun 07 Javascript
ionic2屏幕适配实现适配手机、平板等设备的示例代码
Aug 11 Javascript
微信小程序url与token设置详解
Sep 26 Javascript
JavaScript判断浏览器版本的方法
Nov 03 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
php下关于中英数字混排的字符串分割问题
2010/04/06 PHP
php文件怎么打开 如何执行php文件
2011/12/21 PHP
PHP获取短链接跳转后的真实地址和响应头信息的方法
2014/07/25 PHP
PHP简单判断字符串是否包含另一个字符串的方法
2016/03/25 PHP
yii框架数据库关联查询操作示例
2019/10/14 PHP
jquery.combobox中文api和例子,修复了上面的小bug
2011/03/28 Javascript
JavaScript执行效率与性能提升方案
2012/12/21 Javascript
js中通过父级进行查找定位元素
2014/06/15 Javascript
jQuery实现动态添加和删除一个div
2015/08/12 Javascript
Javascript 计算字符串在localStorage中所占字节数
2015/10/21 Javascript
jquery ztree实现树的搜索功能
2016/02/25 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
2016/06/20 Javascript
Javascript类型系统之undefined和null浅析
2016/07/13 Javascript
jQuery实现定位滚动条位置
2016/08/05 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
2016/11/09 Javascript
Vue.js鼠标悬浮更换图片功能
2017/05/17 Javascript
在vue中使用setInterval的方法示例
2019/04/16 Javascript
微信小程序分享功能onShareAppMessage(options)用法分析
2019/04/24 Javascript
JavaScript使用面向对象实现的拖拽功能详解
2019/06/12 Javascript
JS工厂模式开发实践案例分析
2019/10/17 Javascript
python 实现在tkinter中动态显示label图片的方法
2019/06/13 Python
python中将两组数据放在一起按照某一固定顺序shuffle的实例
2019/07/15 Python
python tkinter canvas使用实例
2019/11/04 Python
Pytorch 的损失函数Loss function使用详解
2020/01/02 Python
tensorflow tf.train.batch之数据批量读取方式
2020/01/20 Python
如何对python的字典进行排序
2020/06/19 Python
Keras 在fit_generator训练方式中加入图像random_crop操作
2020/07/03 Python
Pytorch - TORCH.NN.INIT 参数初始化的操作
2021/02/27 Python
中专毕业生自荐信
2013/11/16 职场文书
优秀共青团员事迹材料
2014/12/25 职场文书
2015年企业员工工作总结范文
2015/05/21 职场文书
2016教师节问候语
2015/11/10 职场文书
2017元旦、春节期间廉洁自律承诺书
2016/03/25 职场文书
分享几个JavaScript运算符的使用技巧
2021/04/24 Javascript
如何用threejs实现实时多边形折射
2021/05/07 Javascript
动作冒险《Hell Is Us》将采用虚幻5 消灭怪物探索王国
2022/04/13 其他游戏