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 相关文章推荐
Prototype源码浅析 Number部分
Jan 16 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
Mar 21 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
Apr 14 Javascript
jscript读写二进制文件的方法
Apr 22 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
Aug 10 Javascript
JavaScript实现的Tween算法及缓冲特效实例代码
Nov 03 Javascript
Angularjs中UI Router的使用方法
May 14 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
Aug 05 Javascript
巧用Vue.js+Vuex制作专门收藏微信公众号的app
Nov 03 Javascript
layui分页效果实现代码
May 19 Javascript
Vue computed计算属性的使用方法
Jul 14 Javascript
js实现图片3D轮播效果
Sep 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
输出控制类
2006/10/09 PHP
php&amp;mysql 日期操作小记
2012/02/27 PHP
php按字符无乱码截取中文的方法
2015/03/27 PHP
Gambit vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
JavaScript 继承详解(三)
2009/07/13 Javascript
javascript 操作select下拉列表框的一点小经验
2010/03/20 Javascript
javascript showModalDialog 内跳转页面的问题
2010/11/25 Javascript
推荐11款jQuery开发的复选框和单选框美化插件
2011/08/02 Javascript
探讨js字符串数组拼接的性能问题
2014/10/11 Javascript
js多功能分页组件layPage使用方法详解
2016/05/19 Javascript
JavaScript实现的鼠标响应颜色渐变效果完整实例
2017/02/18 Javascript
详解React开发必不可少的eslint配置
2018/02/05 Javascript
Node.js中DNS模块学习总结
2018/02/28 Javascript
Three.JS实现三维场景
2018/12/30 Javascript
vue+iview 兼容IE11浏览器的实现方法
2019/01/07 Javascript
微信小程序使用wxParse解析html的方法示例
2019/01/17 Javascript
jQuery插件实现非常实用的tab栏切换功能【案例】
2019/02/18 jQuery
使用异步组件优化Vue应用程序的性能
2019/04/28 Javascript
Python 元类使用说明
2009/12/18 Python
浅谈Python2获取中文文件名的编码问题
2018/01/09 Python
Numpy中矩阵matrix读取一列的方法及数组和矩阵的相互转换实例
2018/07/02 Python
Django 实现前端图片压缩功能的方法
2019/08/07 Python
pytorch 模型的train模式与eval模式实例
2020/02/20 Python
Python list和str互转的实现示例
2020/11/16 Python
苹果香港官方商城:Apple香港
2016/09/14 全球购物
来自圣地亚哥的实惠太阳镜:Knockaround
2018/08/27 全球购物
Herve Leger官网:标志性绷带连衣裙等
2018/12/26 全球购物
CHARLES & KEITH加拿大官网:新加坡时尚品牌
2020/03/26 全球购物
学院书画协会部门岗位职责
2013/12/01 职场文书
公司年会策划方案
2014/05/17 职场文书
路政管理求职信
2014/06/18 职场文书
留学推荐信(中英文版)
2015/03/26 职场文书
入党团支部推荐意见
2015/06/02 职场文书
2015暑假实习报告范文
2015/07/13 职场文书
主婚人致辞精选
2015/07/28 职场文书
MySQL数据库索引的最左匹配原则
2021/11/20 MySQL