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 相关文章推荐
动态调用css文件——jquery的应用
Feb 20 Javascript
JS上传前预览图片实例
Mar 25 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
Mar 13 Javascript
js清空form表单中的内容示例
May 20 Javascript
javascript 寻找错误方法整理
Jun 15 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
Oct 30 Javascript
Javascript学习笔记之 函数篇(三) : 闭包和引用
Nov 23 Javascript
javascript实现input file上传图片预览效果
Dec 31 Javascript
小程序hover-class点击态效果实现
Feb 26 Javascript
解决Layui当中的导航条动态添加后渲染失败的问题
Sep 25 Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
Oct 26 Javascript
vue使用transition组件动画效果的实例代码
Jan 28 Vue.js
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 define函数的使用说明
2008/08/27 PHP
PHP常用的文件操作函数经典收藏
2013/04/02 PHP
PHP实现无限级分类(不使用递归)
2015/10/22 PHP
Laravel执行migrate命令提示:No such file or directory的解决方法
2016/03/16 PHP
PHP.vs.JAVA
2016/04/29 PHP
PHP图片水印类的封装
2017/07/06 PHP
PHP7扩展开发教程之Hello World实现方法示例
2017/08/03 PHP
JavaScript 脚本将当地时间转换成其它时区
2009/03/19 Javascript
HTML 自动伸缩的表格Table js实现
2009/04/01 Javascript
网页图片延时加载的js代码
2010/04/22 Javascript
jquery学习笔记 用jquery实现无刷新登录
2011/08/08 Javascript
Js四则运算函数代码
2012/07/21 Javascript
jquery封装的对话框简单实现
2013/07/21 Javascript
使用jQuery和PHP实现类似360功能开关效果
2014/02/12 Javascript
javascript实现图片循环渐显播放的方法
2015/02/24 Javascript
针对初学者的jQuery入门指南
2015/08/15 Javascript
原生js实现tab选项卡切换
2020/03/23 Javascript
JS全角与半角转化实例(分享)
2017/07/04 Javascript
jQuery实现checkbox即点即改批量删除及中间遇到的坑
2017/11/11 jQuery
微信小程序生成二维码的示例代码
2019/03/29 Javascript
基于Vue插入视频的2种方法小结
2019/04/02 Javascript
[09:37]2018DOTA2国际邀请赛寻真——不懈追梦的Team Serenity
2018/08/13 DOTA
python实现划词翻译
2020/04/23 Python
Python中的ctime()方法使用教程
2015/05/22 Python
使用Python实现博客上进行自动翻页
2017/08/23 Python
Pyqt QImage 与 np array 转换方法
2019/06/27 Python
Python队列、进程间通信、线程案例
2019/10/25 Python
解决python -m pip install --upgrade pip 升级不成功问题
2020/03/05 Python
CSS3 绘制BMW logo实的现代码
2013/04/25 HTML / CSS
编写一个 C 函数,该函数在一个字符串中找到可能的最长的子字符串,且该字符串是由同一字符组成的
2015/07/23 面试题
优秀本科生求职推荐信
2014/02/24 职场文书
大学生简历求职信
2014/06/24 职场文书
金融专业求职信
2014/08/05 职场文书
赔偿协议书怎么写
2015/01/28 职场文书
教你使用Jenkins集成Harbor自动发布镜像
2022/04/03 Servers
Python中re模块的元字符使用小结
2022/04/07 Python