JS:window.onload的使用介绍


Posted in Javascript onNovember 13, 2013

1、最简单的调用方式
直接写到html的body标签里面,如:

<html> 
<body onload="func()"> 
</body> 
</html>

2、在JS语句调用
<script type="text/javascript"> 
function func(){……} 
window.onload=func; 
</script>

3、同时 调用多个函数
直接写到html的body标签里面,如:
<html> 
<body onload="func1();func2();func3();"> 
</body> 
</html>

4、js调用多个函数,以下这种调用方式可以用于不太复杂的JS程序中,如果程序函数很多,逻辑比较复杂,可以考虑用第五种方式。
<script type="text/javascript"> 
function func1(){……} 
function func2(){……} 
function func3(){……} 
window.onload=function(){ 
func1(); 
func2(); 
func3(); 
} 
</script>

5、JS自定义函数式多次调用
<script type="text/javascript"> 
function func1(){……} 
function func2(){……} 
function func3(){……} 
function addLoadEvent(func){ 
var oldonload=window.onload; 
if(typeof window.onload!="function"){ 
window.onload=func; 
} 
else{ 
window.onload=function(){ 
oldonload(); 
func(); 
} 
} 
} 
addLoadEvent(func1); 
addLoadEvent(func2); 
addLoadEvent(func3); 
</script>
Javascript 相关文章推荐
js判断是否为数组的函数: isArray()
Oct 30 Javascript
jQuery中jqGrid分页实现代码
Nov 04 Javascript
得到form下的所有的input的js代码
Nov 07 Javascript
用Jquery实现滚动新闻
Feb 12 Javascript
jQuery横向擦除焦点图特效代码分享
Sep 06 Javascript
jquery zTree异步加载简单实例讲解
Feb 25 Javascript
原生JS实现几个常用DOM操作API实例
Jan 19 Javascript
原生JS实现简单放大镜效果
Feb 08 Javascript
Angular6新特性之Angular Material
Dec 28 Javascript
ES6 对象的新功能与解构赋值介绍
Feb 05 Javascript
JS判断数组是否包含某元素实现方法汇总
Jun 24 Javascript
解决Echarts 显示隐藏后宽度高度变小的问题
Jul 19 Javascript
JQuery each打印JS对象的方法
Nov 13 #Javascript
Jquery 数组操作大全个人总结
Nov 13 #Javascript
JS保存和删除cookie操作 判断cookie是否存在
Nov 13 #Javascript
js 判断上传文件大小及格式代码
Nov 13 #Javascript
php跨域调用json的例子
Nov 13 #Javascript
JQuery文字列表向上滚动的代码
Nov 13 #Javascript
浅析Javascript使用include/require
Nov 13 #Javascript
You might like
php下封装较好的数字分页方法
2010/11/23 PHP
分享一下贝贝成长进度的php代码
2012/09/14 PHP
浅谈PHP链表数据结构(单链表)
2016/06/08 PHP
laravel学习教程之关联模型
2016/07/30 PHP
PHP 传输会话curl函数的实例详解
2017/09/12 PHP
菜鸟javascript基础资料整理2
2010/12/06 Javascript
修改好的jquery滚动字幕效果实现代码
2011/06/22 Javascript
深入理解JavaScript系列(1) 编写高质量JavaScript代码的基本要点
2012/01/15 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
2014/06/20 Javascript
js实现圆盘记速表
2015/08/03 Javascript
javascript简单实现等比例缩小图片的方法
2016/07/27 Javascript
js完整倒计时代码分享
2016/09/18 Javascript
JavaScript该如何学习 怎样轻松学习JavaScript
2017/06/12 Javascript
Vue官方文档梳理之全局配置
2017/11/22 Javascript
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
2018/03/22 Javascript
vue内置指令详解
2018/04/03 Javascript
详解使用jQuery.i18n.properties实现js国际化
2018/05/04 jQuery
Vue+webpack+Element 兼容问题总结(小结)
2018/08/16 Javascript
微信小程序里引入SVG矢量图标的方法
2019/09/20 Javascript
使用layui前端框架弹出form表单以及提交的示例
2019/10/25 Javascript
[04:52]2015国际邀请赛LGD战队晋级之路
2015/08/14 DOTA
[47:48]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第三局
2016/02/28 DOTA
使用python删除nginx缓存文件示例(python文件操作)
2014/03/26 Python
python提取字典key列表的方法
2015/07/11 Python
python实现手机通讯录搜索功能
2018/02/22 Python
详谈python中冒号与逗号的区别
2018/04/18 Python
numpy 进行数组拼接,分别在行和列上合并的实例
2018/05/08 Python
对Python中列表和数组的赋值,浅拷贝和深拷贝的实例讲解
2018/06/28 Python
对python实现二维函数高次拟合的示例详解
2018/12/29 Python
材料会计岗位职责
2014/03/06 职场文书
小学优秀班主任事迹材料
2014/05/17 职场文书
2015元旦主持词开场白和结束语
2014/12/14 职场文书
募捐感谢信
2015/01/22 职场文书
客房部经理岗位职责
2015/02/02 职场文书
食品安全主题班会
2015/08/13 职场文书
2016年寒假政治学习心得体会
2015/10/09 职场文书