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加载之使用DOM方法动态加载Javascript文件
Nov 08 Javascript
Node.js中AES加密和其它语言不一致问题解决办法
Mar 10 Javascript
jQuery打印指定区域Html页面并自动分页
Jul 04 Javascript
JavaScript实现反转字符串的方法详解
Apr 27 Javascript
vue2中filter()的实现代码
Jul 09 Javascript
vue滚动轴插件better-scroll使用详解
Oct 17 Javascript
C#实现将一个字符转换为整数
Dec 12 Javascript
JS计算距当前时间的时间差实例
Dec 29 Javascript
Vue组件库发布到npm详解
Feb 17 Javascript
解决linux下node.js全局模块找不到的问题
May 15 Javascript
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
Vue的自定义组件不能使用click方法的解决
Jul 28 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循环获取GET和POST值的代码
2008/04/09 PHP
apache配置虚拟主机的方法详解
2013/06/17 PHP
php while循环得到循环次数
2013/10/26 PHP
zf框架db类的分页示例分享
2014/03/14 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
详解PHP素材图片上传、下载功能
2019/04/12 PHP
laravel高级的Join语法详解以及使用Join多个条件
2019/10/16 PHP
jquery隐藏标签和显示标签的实例
2013/11/11 Javascript
JQuery each打印JS对象的方法
2013/11/13 Javascript
封装的jquery翻页滚动(示例代码)
2013/11/18 Javascript
从数组中随机取x条不重复数据的JS代码
2013/12/24 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
jquery实现下拉框功能效果【实例代码】
2016/05/06 Javascript
在SSM框架下用laypage和ajax实现分页和数据交互的方法
2019/09/27 Javascript
[15:57]教你分分钟做大人:斧王
2014/10/30 DOTA
Python中实现结构相似的函数调用方法
2015/03/10 Python
Python第三方库xlrd/xlwt的安装与读写Excel表格
2017/01/21 Python
python3利用Dlib19.7实现人脸68个特征点标定
2018/02/26 Python
详解django2中关于时间处理策略
2019/03/06 Python
python3用PIL把图片转换为RGB图片的实例
2019/07/04 Python
TensorFlow查看输入节点和输出节点名称方式
2020/01/04 Python
python3 Scrapy爬虫框架ip代理配置的方法
2020/01/17 Python
如何使用Python处理HDF格式数据及可视化问题
2020/06/24 Python
简述python Scrapy框架
2020/08/17 Python
基于Python制作一副扑克牌过程详解
2020/10/19 Python
Python+OpenCV图像处理——实现直线检测
2020/10/23 Python
HTML5实践-图片设置成灰度图
2012/11/12 HTML / CSS
利用HTML5画出一个坦克的形状具体实现代码
2013/06/20 HTML / CSS
什么是方法的重载
2013/06/24 面试题
总经理驾驶员岗位职责
2013/12/04 职场文书
机械系毕业生求职信
2014/05/28 职场文书
岗位职责说明书模板
2014/07/30 职场文书
车队安全员岗位职责
2015/02/15 职场文书
学子宴致辞大全
2015/07/27 职场文书
2016年幼儿园教师师德承诺书
2016/03/25 职场文书
JavaScript中MutationObServer监听DOM元素详情
2021/11/27 Javascript