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调试系列 源码定位与调试[基础篇]
Jun 18 Javascript
详解JavaScript中的表单验证
Jun 16 Javascript
JS实现的仿QQ空间图片弹出效果代码
Feb 23 Javascript
jQuery绑定事件的几种实现方式
May 09 Javascript
微信小程序 后台https域名绑定和免费的https证书申请详解
Nov 10 Javascript
three.js实现围绕某物体旋转
Jan 25 Javascript
D3.js中强制异步文件读取同步的几种方法
Feb 06 Javascript
js实现倒计时关键代码
May 05 Javascript
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
在vue中多次调用同一个定义全局变量的实例
Sep 25 Javascript
微信小程序自定义toast弹窗效果的实现代码
Nov 15 Javascript
微信小程序实现简单跑马灯效果
May 26 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
thinkphp5 migrate数据库迁移工具
2018/02/20 PHP
使用jquery实现div的tab切换实例代码
2013/05/27 Javascript
[JSF]使用DataModel处理表行事件的实例代码
2013/08/05 Javascript
javascript使用onclick事件改变选中行的颜色
2013/12/30 Javascript
js定时器(执行一次、重复执行)
2014/03/07 Javascript
jQuery中next方法用法实例
2015/04/24 Javascript
jquery简单倒计时实现方法
2015/12/18 Javascript
vue 中自定义指令改变data中的值
2017/06/02 Javascript
vue组件父子间通信之综合练习(聊天室)
2017/11/07 Javascript
vue.js 添加 fastclick的支持方法
2018/08/28 Javascript
详解Nodejs get获取远程服务器接口数据
2019/03/26 NodeJs
小程序云开发实现数据库异步操作同步化
2019/05/18 Javascript
什么时候不能在 Node.js 中使用 Lock Files
2019/06/24 Javascript
vue使用过滤器格式化日期
2021/01/20 Vue.js
python列出目录下指定文件与子目录的方法
2015/07/03 Python
详解python的数字类型变量与其方法
2016/11/20 Python
用Python写一段用户登录的程序代码
2018/04/22 Python
Python3中在Anaconda环境下安装basemap包
2018/10/21 Python
python对文件目录的操作方法实例总结
2019/06/24 Python
python安装virtualenv虚拟环境步骤图文详解
2019/09/18 Python
TensorFlow tf.nn.conv2d_transpose是怎样实现反卷积的
2020/04/20 Python
解决python调用自己文件函数/执行函数找不到包问题
2020/06/01 Python
Tirendo比利时:在线购买轮胎
2018/10/22 全球购物
乌克兰电子产品和家用电器购物网站:TOUCH
2019/08/09 全球购物
人事部主管岗位职责
2013/12/26 职场文书
奥巴马演讲稿
2014/01/08 职场文书
考试违纪检讨书
2014/02/02 职场文书
教师远程培训感言
2014/03/06 职场文书
政治学求职信
2014/06/03 职场文书
煤矿隐患排查制度
2015/08/05 职场文书
婚礼男方父母答谢词
2015/09/29 职场文书
公安干警正风肃纪心得体会
2016/01/15 职场文书
创业分两种人:那么哪些适合创业?,哪些适合不适合创业呢?
2019/08/23 职场文书
Vue3.0中Ref与Reactive的区别示例详析
2021/07/07 Vue.js
springmvc直接不经过controller访问WEB-INF中的页面问题
2022/02/24 Java/Android
vue如何在data中引入图片的正确路径
2022/06/05 Vue.js