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 相关文章推荐
Web前端设计模式  制作漂亮的弹出层
Oct 29 Javascript
Jquery实现显示和隐藏的4种简单方式
Aug 28 Javascript
JQuery获取或设置ckeditor的数据(示例代码)
Nov 15 Javascript
浮动的div自适应居中显示的js代码
Dec 23 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
Nov 23 Javascript
JavaScript原生数组Array常用方法
Apr 06 Javascript
JavaScript制作简单的框选图表
May 15 Javascript
vue.js中实现登录控制的方法示例
Apr 23 Javascript
vue中组件通信的八种方式(值得收藏!)
Aug 09 Javascript
vue项目打包后提交到git上为什么没有dist这个文件的解决方法
Sep 16 Javascript
JS模拟实现京东快递单号查询
Nov 30 Javascript
关于javascript中的promise的用法和注意事项(推荐)
Jan 15 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
DOTA2 1月28日更新:监管系统降临刀塔世界
2021/01/28 DOTA
php Try Catch异常测试
2009/03/01 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
Laravel 集成 Geetest验证码的方法
2018/05/14 PHP
TP5框架请求响应参数实例分析
2019/10/17 PHP
dwr spring的集成实现代码
2009/03/22 Javascript
基于Jquery的标签智能验证实现代码
2010/12/27 Javascript
JQuery与JS里submit()的区别示例介绍
2014/02/17 Javascript
express的中间件bodyParser详解
2014/12/04 Javascript
Javascript核心读书有感之语言核心
2015/02/01 Javascript
javascript与jquery中的this关键字用法实例分析
2015/12/24 Javascript
AngularJS身份验证的方法
2016/02/17 Javascript
jQuery内容过滤选择器用法示例
2016/09/09 Javascript
JS中cookie的使用及缺点讲解
2017/05/13 Javascript
使用vue-aplayer插件时出现的问题的解决
2018/03/02 Javascript
bootstrap 路径导航 分页 进度条的实例代码
2018/08/06 Javascript
Angularjs实现数组随机排序的方法
2018/10/02 Javascript
通过jQuery学习js类型判断的技巧
2019/05/27 jQuery
使用 Vue-TCB 快速在 Vue 应用中接入云开发的方法
2020/02/10 Javascript
[01:08]DOTA2次级职业联赛 - Shield战队宣传片
2014/12/01 DOTA
python通过urllib2获取带有中文参数url内容的方法
2015/03/13 Python
Python操作Word批量生成文章的方法
2015/07/28 Python
如何准确判断请求是搜索引擎爬虫(蜘蛛)发出的请求
2015/10/13 Python
Python 中urls.py:URL dispatcher(路由配置文件)详解
2017/03/24 Python
Python数据操作方法封装类实例
2017/06/23 Python
Python中shapefile转换geojson的示例
2019/01/03 Python
jupyter note 实现将数据保存为word
2020/04/14 Python
浅谈Python中threading join和setDaemon用法及区别说明
2020/05/02 Python
pycharm无法安装第三方库的问题及解决方法以scrapy为例(图解)
2020/05/09 Python
CSS3 icon font完全指南(CSS3 font 会取代icon图标)
2013/01/06 HTML / CSS
俄罗斯Sportmarket体育在线商店:用于旅游和户外活动
2019/11/12 全球购物
蛋糕店的商业计划书范文
2014/01/27 职场文书
《母亲的恩情》教学反思
2014/02/13 职场文书
竞选生活委员演讲稿
2014/04/28 职场文书
军训后的感想
2015/08/07 职场文书
检讨书怎么写?
2019/06/21 职场文书