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 相关文章推荐
js 页面传参数时 参数值含特殊字符的问题
Dec 13 Javascript
js 调用本地exe的例子(支持IE内核的浏览器)
Dec 26 Javascript
Raphael一个用于在网页中绘制矢量图形的Javascript库
Jan 08 Javascript
JavaScript对Cookie进行读写操作实例
Jul 25 Javascript
JS图片定时翻滚效果实现方法
Jun 21 Javascript
prototype与__proto__区别详细介绍
Jan 09 Javascript
js如何找出字符串中的最长回文串
Jun 04 Javascript
JavaScript实现浅拷贝与深拷贝的方法分析
Jul 05 Javascript
vue父子组件通信的高级用法示例
Aug 29 Javascript
layer弹出层扩展主题的方法
Sep 11 Javascript
extjs图表绘制之条形图实现方法分析
Mar 06 Javascript
Echarts如何重新渲染实例详解
May 30 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实现通过stomp协议连接ActiveMQ操作示例
2020/02/23 PHP
Javascript图像处理思路及实现代码
2012/12/25 Javascript
简单实用的全选反选按钮例子
2013/10/18 Javascript
js获取会话框prompt的返回值的方法
2015/01/10 Javascript
DOM基础教程之事件类型
2015/01/20 Javascript
初步认识JavaScript函数库jQuery
2015/06/18 Javascript
JavaScript中关联原型链属性特性
2016/02/13 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
2016/12/26 Javascript
Angular4 反向代理Details实践
2018/05/30 Javascript
Vue插槽原理与用法详解
2019/03/05 Javascript
微信小程序开发之左右分栏效果的实例代码
2019/05/20 Javascript
Vue实现商品飞入购物车效果(电商项目)
2019/11/26 Javascript
JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析
2020/02/12 Javascript
node.js 如何监视文件变化
2020/09/01 Javascript
[05:08]2014DOTA2国际邀请赛 Hao专访复仇的胜利很爽
2014/07/15 DOTA
使用python3.5仿微软记事本notepad
2016/06/15 Python
django启动uwsgi报错的解决方法
2018/04/08 Python
浅谈Python采集网页时正则表达式匹配换行符的问题
2018/12/20 Python
python矩阵/字典实现最短路径算法
2019/01/17 Python
在Pytorch中使用样本权重(sample_weight)的正确方法
2019/08/17 Python
浅谈PyQt5中异步刷新UI和Python多线程总结
2019/12/13 Python
世界上最大的在线汽车租赁预订平台:Rentalcars.com(支持中文)
2018/10/12 全球购物
什么是.net
2015/08/03 面试题
货代行业个人求职简历的自我评价
2013/10/22 职场文书
自荐信格式
2013/12/01 职场文书
教师业务培训方案
2014/05/01 职场文书
公司委托书怎么写
2014/08/02 职场文书
乡镇党委书记个人整改措施
2014/09/15 职场文书
2014年幼儿园园务工作总结
2014/12/05 职场文书
三年级学生期末评语
2014/12/26 职场文书
先进个人申报材料
2014/12/30 职场文书
法律服务所工作总结
2015/08/10 职场文书
2016大学军训通讯稿
2015/11/25 职场文书
学生早退检讨书(范文)
2019/08/19 职场文书
解决Pytorch中关于model.eval的问题
2021/05/22 Python
Vue监视数据的原理详解
2022/02/24 Vue.js