编程 Javascript

JavaScript中OnLoad几种使用方法

Posted in Javascript onDecember 15, 2012

在前几个项目的开发中遇到onload使用的几种情形

1. 可以在Body 里面执行
<body onload="alert(123)"></body>
2. 先定义好在页面加载完成后使用

<script type="text/javascript"> 
function test(){ 
var aa = "嘻嘻,你个大猪猪"; 
alert(aa); 
} 
window.onload = test; 
</script>

注解: 这里的window.onload = test; 不要在test后面加() 因为这是在给事件关联触发的方法
如果加() 会立刻引发这个方法的执行(这可能不是我们的本意)
3. 使用匿名函数
<script>window.onload = function(){alert(321);}</script>
4. JS中onload多个事件该怎么写？
<1> <body onload="aa();bb();cc()">用分号隔开就可以了
<2>
window.attachEvent("onload",function(){alert('a')});
window.attachEvent("onload",function(){alert('b')});
window.attachEvent("onload",function(){alert('c')});
注解: 使用attachEvent 注册事件后注册的事件先执行
上面的例子会弹出 C B A
还有一点:这个办法只能在IE下用 (window.attachEvent)

JavaScript中OnLoad几种使用方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript中继承的一些示例方法与属性参考

Aug 07 Javascript

基于jquery的滑动样例代码

Nov 20 Javascript

js捕获鼠标右键菜单中的粘帖事件实现代码

Apr 01 Javascript

关于jQuery对象数据缓存Cache原理以及jQuery.data详解

Apr 07 Javascript

JSF中confirm弹出框的用法示例介绍

Jan 07 Javascript

JavaScript中用于四舍五入的Math.round()方法讲解

Jun 15 Javascript

JavaScript学习笔记之数组的增、删、改、查

Mar 23 Javascript

AngularJS基础 ng-mouseenter 指令示例代码

Aug 02 Javascript

EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容

Aug 24 Javascript

解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题

May 17 Javascript

vue spa应用中的路由缓存问题与解决方案

May 31 Javascript

Js通过AES加密后PHP用Openssl解密的方法

Jul 12 Javascript

Javascript中自动切换焦点实现代码

Dec 15 #Javascript

treepanel动态加载数据实现代码

Dec 15 #Javascript

FF火狐下获取一个元素同类型的相邻元素实现代码

Dec 15 #Javascript

javascript错误的认识不用关心内存管理

Dec 15 #Javascript

jQuery 选择表格(table)里的行和列及改变简单样式

Dec 15 #Javascript

Jquery 选中表格一列并对表格排序实现原理

Dec 15 #Javascript

js 操作select和option常用代码整理

Dec 13 #Javascript

You might like

PHP在字符串中查找指定字符串并删除的代码

2008/10/02 PHP

PHP实现文件下载【实例分享】

2017/04/28 PHP

js中的屏蔽的使用示例

2013/07/30 Javascript

解决extjs grid 不随窗口大小自适应的改变问题

2014/01/26 Javascript

JQuery的Ajax请求实现局部刷新的简单实例

2014/02/11 Javascript

jQuery超精致图片轮播幻灯片特效代码分享

2015/09/10 Javascript

基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用

2015/12/16 Javascript

原生JavaScript制作微博发布面板效果

2016/03/11 Javascript

弹出遮罩层后禁止滚动效果【实现代码】

2016/04/29 Javascript

javascript三种代码注释方法

2016/06/02 Javascript

jquery实现文字单行横移或翻转（上下、左右跳转）

2017/01/08 Javascript

jquery实现页面加载效果

2017/02/21 Javascript

js遍历json对象所有key及根据动态key获取值的方法(必看)

2017/03/09 Javascript

微信小程序支付功能实现PHP实例详解

2017/05/12 Javascript

jQuery Ajax向服务端传递数组参数值的实例代码

2017/09/03 jQuery

React Native预设占位placeholder的使用

2017/09/28 Javascript

基于vue展开收起动画的示例代码

2018/07/05 Javascript

JavaScript数据结构与算法之二叉树插入节点、生成二叉树示例

2019/02/21 Javascript

简单了解node npm cnpm的具体使用方法

2019/02/27 Javascript

微信小程序实现写入读取缓存详解

2019/08/30 Javascript

[10:18]2018DOTA2国际邀请赛寻真——找回自信的TNCPredator

2018/08/13 DOTA

python pycharm的安装及其使用

2019/10/11 Python

手把手教你Python yLab的绘制折线图的画法

2019/10/23 Python

Django 返回json数据的实现示例

2020/03/05 Python

Python 解决相对路径问题:"No such file or directory"

2020/06/05 Python

机电专业个人自荐信格式模板

2013/09/23 职场文书

大学四年的个人自我评价

2014/01/14 职场文书

租房协议书怎么写

2014/04/10 职场文书

《会走路的树》教后反思

2014/04/19 职场文书

学校拾金不昧表扬信

2015/01/16 职场文书

2015年社区综治宣传月活动总结

2015/03/25 职场文书

污水处理保证书

2015/05/09 职场文书

聋哑人盗窃罪辩护词

2015/05/21 职场文书

永不妥协观后感

2015/06/10 职场文书

中学教师教学工作总结

2015/08/13 职场文书

学习新党章心得体会2016

2016/01/15 职场文书