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 相关文章推荐
改进UCHOME的记录发布,增强可访问性用户体验
Jan 17 Javascript
以JSON形式将JS中Array对象数组传至后台的方法
Jan 06 Javascript
使用原生js写的一个简单slider
Apr 29 Javascript
详解JavaScript操作HTML DOM的基本方式
Oct 21 Javascript
JS操作JSON方法总结(推荐)
Jun 14 Javascript
详解webpack+es6+angular1.x项目构建
May 02 Javascript
基于JavaScript实现多级菜单效果
Jul 25 Javascript
使用webpack打包koa2 框架app
Feb 02 Javascript
JavaScript中this的全面解析及常见实例
May 14 Javascript
JavaScript实现京东放大镜效果
Dec 03 Javascript
js实现div色块拖动录制
Jan 16 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
Oct 24 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实现登陆验证码(类似条行码状)
2006/10/09 PHP
Laravel使用memcached缓存对文章增删改查进行优化的方法
2016/10/08 PHP
ThinkPHP 在阿里云上的nginx.config配置实例详解
2017/10/11 PHP
关于JavaScript定义类和对象的几种方式
2010/11/09 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
2014/08/22 Javascript
JavaScript中的null和undefined区别介绍
2015/01/01 Javascript
JavaScript实现带播放列表的音乐播放器实例分享
2016/03/07 Javascript
Nodejs中 npm常用命令详解
2016/07/04 NodeJs
JS实现重新加载当前页面或者父页面的几种方法
2016/11/30 Javascript
读Javascript高性能编程重点笔记
2016/12/21 Javascript
JS实现显示当前日期的实例代码
2018/07/03 Javascript
原生JavaScript实现滑动拖动验证的示例代码
2019/12/06 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
vue 实现把路由单独分离出来
2020/08/13 Javascript
详解uniapp的全局变量实现方式
2021/01/11 Javascript
Python实现爬取马云的微博功能示例
2019/02/16 Python
python中logging模块的一些简单用法的使用
2019/02/22 Python
Python 通过打码平台实现验证码的实现
2019/05/13 Python
python如何实现代码检查
2019/06/28 Python
Pytorch实现LSTM和GRU示例
2020/01/14 Python
django创建超级用户时指定添加其它字段方式
2020/05/14 Python
Python自省及反射原理实例详解
2020/07/06 Python
Python3+Appium安装及Appium模拟微信登录方法详解
2021/02/16 Python
Html5 canvas实现粒子时钟的示例代码
2018/09/06 HTML / CSS
野兽派官方旗舰店:THE BEAST 野兽派
2016/08/05 全球购物
MySQL面试题
2014/01/12 面试题
办公室文秘自我评价
2013/09/21 职场文书
大学生表扬信范文
2014/01/09 职场文书
大二学期个人自我评价
2014/01/13 职场文书
安全生产中长期规划实施方案
2014/02/21 职场文书
药店收银员岗位职责
2015/04/07 职场文书
关于迟到的检讨书
2015/05/06 职场文书
MySQL 聚合函数排序
2021/07/16 MySQL
浅谈Redis 中的过期删除策略和内存淘汰机制
2022/04/03 Redis
SpringBoot中获取profile的方法详解
2022/04/08 Java/Android
Sql Server 行数据的某列值想作为字段列显示的方法
2022/04/20 SQL Server