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 相关文章推荐
datePicker——日期选择控件(with jquery)
Feb 20 Javascript
由document.body和document.documentElement想到的
Apr 13 Javascript
JavaScript Event学习第二章 Event浏览器兼容性
Feb 07 Javascript
jQuery 学习入门篇附实例代码
Mar 16 Javascript
javascript中setTimeout和setInterval的unref()和ref()用法示例
Nov 26 Javascript
使用jQuery实现验证上传图片的格式与大小
Dec 03 Javascript
详解vue.js 开发环境搭建最简单攻略
Jun 12 Javascript
Angular Renderer (渲染器)的具体使用
May 03 Javascript
webpack打包react项目的实现方法
Jun 21 Javascript
JS尾递归的实现方法及代码优化技巧
Jan 19 Javascript
微信小程序云开发如何使用npm安装依赖
May 18 Javascript
SpringBoot在yml配置文件中配置druid的操作
Nov 16 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的GD库imagettftext函数解决中文乱码问题
2015/01/24 PHP
Laravel 5框架学习之Blade 简介
2015/04/08 PHP
详解PHP中array_rand函数的使用方法
2016/09/11 PHP
php封装的page分页类完整实例
2016/10/18 PHP
PHP PDOStatement::rowCount讲解
2019/02/01 PHP
phpQuery采集网页实现代码实例
2020/04/02 PHP
用JS操作FRAME中的IFRAME及其内容的实现代码
2008/07/26 Javascript
用Javascript实现锚点(Anchor)间平滑跳转
2009/09/08 Javascript
原生JS实现加入收藏夹的代码
2013/10/24 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
2014/06/16 Javascript
NodeJS学习笔记之(Url,QueryString,Path)模块
2015/01/13 NodeJs
javaScript的函数对象的声明详解
2015/02/06 Javascript
jQuery实现DIV层收缩展开的方法
2015/02/27 Javascript
理解JS绑定事件
2016/01/19 Javascript
JavaScript 中有关数组对象的方法(详解)
2016/08/15 Javascript
React+TypeScript+webpack4多入口配置详解
2019/08/08 Javascript
跟老齐学Python之让人欢喜让人忧的迭代
2014/10/02 Python
python 连接sqlite及简单操作
2017/06/30 Python
Python3实现带附件的定时发送邮件功能
2020/12/22 Python
Python利用matplotlib.pyplot绘图时如何设置坐标轴刻度
2018/04/09 Python
python读取各种文件数据方法解析
2018/12/29 Python
python自定义函数实现一个数的三次方计算方法
2019/01/20 Python
关于python3中setup.py小概念解析
2019/08/22 Python
python 中的paramiko模块简介及安装过程
2020/02/29 Python
CSS3新属性transition-property transform box-shadow实例学习
2013/06/06 HTML / CSS
纯css实现照片墙3D效果的示例代码
2017/11/13 HTML / CSS
使用HTML5加载音频和视频的实现代码
2020/11/30 HTML / CSS
英国时尚优质的女装:Hope Fashion
2018/08/14 全球购物
eBay爱尔兰站:eBay.ie
2019/08/09 全球购物
应届生幼儿园求职信
2013/11/12 职场文书
新闻专业学生的自我评价
2014/02/13 职场文书
尊老爱幼演讲稿
2014/09/04 职场文书
教师党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
优秀大学生申请书
2019/06/24 职场文书
阿里云服务器搭建Php+Apache运行环境的详细过程
2021/05/15 PHP
Python使用DFA算法过滤内容敏感词
2022/04/22 Python