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 相关文章推荐
jQuery开发者都需要知道的5个小技巧
Jan 08 Javascript
HTTP 304错误的详细讲解
Nov 13 Javascript
js实现飞入星星特效代码
Oct 17 Javascript
理解Javascript的call、apply
Dec 16 Javascript
微信小程序 条件渲染详解
Oct 09 Javascript
webpack构建react多页面应用详解
Sep 15 Javascript
React-Native之定时器Timer的实现代码
Oct 04 Javascript
通过vue-cli来学习修改Webpack多环境配置和发布问题
Dec 22 Javascript
Vue.js 表单控件操作小结
Mar 29 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)
Jan 24 Javascript
Vue+element 解决浏览器自动填充记住的账号密码问题
Jun 11 Javascript
JavaScript实现简单计算器
Mar 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防止sql注入代码实例
2013/12/18 PHP
php中getservbyport与getservbyname函数用法实例
2014/11/18 PHP
深入理解PHP中的count函数
2016/05/31 PHP
php实现带读写分离功能的MySQL类完整实例
2016/07/28 PHP
PHP应用跨时区功能的实现方法
2019/03/21 PHP
javascript 面向对象,实现namespace,class,继承,重载
2009/10/29 Javascript
js实现的日期操作类DateTime函数代码
2010/03/16 Javascript
JavaScript中神奇的call()方法
2015/03/12 Javascript
基于jquery实现轮播焦点图插件
2016/03/31 Javascript
让你一句话理解闭包(简单易懂)
2016/06/03 Javascript
JQuery 设置checkbox值二次无效的解决方法
2016/07/22 Javascript
详解webpack2+node+react+babel实现热加载(hmr)
2017/08/24 Javascript
浅谈vue-router 路由传参的方法
2017/12/27 Javascript
js实现轮播图的完整代码
2020/10/26 Javascript
记一次react前端项目打包优化的方法
2020/03/30 Javascript
[54:10]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
[01:52]PWL S2开团时刻第四期——DOTA2成语故事
2020/12/03 DOTA
python文件特定行插入和替换实例详解
2017/07/12 Python
Python判断文件和字符串编码类型的实例
2017/12/21 Python
python 检查数据中是否有缺失值,删除缺失值的方式
2019/12/02 Python
Tensorflow不支持AVX2指令集的解决方法
2020/02/03 Python
TensorFlow MNIST手写数据集的实现方法
2020/02/05 Python
Django中modelform组件实例用法总结
2020/02/10 Python
python小白切忌乱用表达式
2020/05/29 Python
Python plt 利用subplot 实现在一张画布同时画多张图
2021/02/26 Python
Python实现简单的2048小游戏
2021/03/01 Python
请问软件开发中的设计模式你会使用哪些
2015/05/13 面试题
前台接待员岗位职责
2014/01/02 职场文书
心理学专业求职信
2014/06/16 职场文书
民事诉讼代理委托书
2014/10/08 职场文书
预备党员自我批评思想汇报
2014/10/10 职场文书
党员批评与自我批评
2014/10/15 职场文书
史上最牛辞职信
2015/05/13 职场文书
《世界多美呀》教学反思
2016/02/22 职场文书
php 文件上传至OSS及删除远程阿里云OSS文件
2021/07/04 PHP
python实现层次聚类的方法
2021/11/01 Python