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数组的操作指南
Dec 28 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
Dec 03 Javascript
js表单中选择框值的获取及表单的序列化
Dec 17 Javascript
JavaScript基本语法学习教程
Jan 14 Javascript
jQuery滚动新闻实现代码
Jun 26 Javascript
JavaScript判断数组是否存在key的简单实例
Aug 03 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
Feb 22 Javascript
详解webpack和webpack-simple中如何引入css文件
Jun 28 Javascript
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
jQuery实现鼠标响应式淘宝动画效果示例
Feb 13 jQuery
vue+axios+mock.js环境搭建的方法步骤
Aug 28 Javascript
微信小程序解析富文本过程详解
Jul 13 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/03/23 PHP
php利用cookies实现购物车的方法
2014/12/10 PHP
PHP开启目录引索+fancyindex漂亮目录浏览带搜索功能
2019/09/23 PHP
PHP设计模式(八)装饰器模式Decorator实例详解【结构型】
2020/05/02 PHP
基于PHP实现解密或加密Cloudflar邮箱保护
2020/06/24 PHP
input、button的不同type值在ajax提交表单时导致的陷阱
2009/02/24 Javascript
浏览器加载、渲染和解析过程黑箱简析
2012/11/29 Javascript
利用js 进行输入框自动匹配字符的小例子
2013/06/29 Javascript
Jquery遍历checkbox获取选中项value值的方法
2014/02/13 Javascript
jquery 表格排序、实时搜索表格内容(附图)
2014/05/19 Javascript
输入框过滤非数字的js代码
2014/09/18 Javascript
JS折半插入排序算法实例
2015/12/02 Javascript
属于你的jQuery提示框(Tip)插件
2016/01/20 Javascript
jQueryUI中的datepicker使用方法详解
2016/05/25 Javascript
Angularjs单选框相关的示例代码
2017/08/17 Javascript
JS和JQuery实现雪花飘落效果
2017/11/30 jQuery
用npm-run实现自动化任务的方法示例
2019/01/14 Javascript
JavaScript作用域链实例详解
2019/01/21 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
2019/08/28 Javascript
设计模式中的原型模式在Python程序中的应用示例
2016/03/02 Python
Numpy掩码式数组详解
2018/04/17 Python
python3基于OpenCV实现证件照背景替换
2018/07/18 Python
Python 3.x基于Xml数据的Http请求方法
2018/12/28 Python
关于Python 的简单栅格图像边界提取方法
2019/07/05 Python
wxPython多个窗口的基本结构
2019/11/19 Python
python实现拉普拉斯特征图降维示例
2019/11/25 Python
Python+OpenCV实现图像的全景拼接
2020/03/05 Python
详解PyQt5信号与槽的几种高级玩法
2020/03/24 Python
使用Python制作一盏 3D 花灯喜迎元宵佳节
2021/02/26 Python
纽约通行卡:The New York Pass(免费游览纽约90多个景点)
2017/07/29 全球购物
英国受欢迎的运动鞋和街头服装商店:Footasylum
2018/06/12 全球购物
幼儿园教师国培感言
2014/02/02 职场文书
大学生未来职业生涯规划书
2014/02/15 职场文书
对标管理实施方案
2014/03/12 职场文书
党员公开承诺书2015
2015/01/21 职场文书
小学语文课《掌声》教学反思
2016/03/03 职场文书