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 相关文章推荐
Firefox和IE兼容性问题及解决方法总结
Oct 08 Javascript
鼠标滑在标题上显示图片的JS代码
Nov 19 Javascript
js动态创建标签示例代码
Jun 09 Javascript
JavaScript组合拼接字符串的效率对比测试
Nov 06 Javascript
JS 作用域与作用域链详解
Apr 07 Javascript
js右下角弹出提示框示例代码
Jan 12 Javascript
bootstrap弹出层的多种触发方式
May 10 Javascript
node+vue实现用户注册和头像上传的实例代码
Jul 20 Javascript
vue2 全局变量的设置方法
Mar 09 Javascript
详解Webpack-dev-server的proxy用法
Sep 08 Javascript
微信小程序bindtap事件与冒泡阻止详解
Aug 08 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
Oct 29 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常用技巧总结(附函数代码)
2012/02/04 PHP
php初始化对象和析构函数的简单实例
2014/03/11 PHP
php输出金字塔的2种实现方法
2014/12/16 PHP
thinkPHP5项目中实现QQ第三方登录功能
2017/10/20 PHP
让firefox支持IE的一些方法的javascript扩展函数代码
2010/01/02 Javascript
javascript语言结构小记(一)
2011/09/10 Javascript
获取body标签的两种方法
2011/10/13 Javascript
VBS通过WMI监视注册表变动的代码
2011/10/27 Javascript
js的表单操作 简单计算器
2011/12/29 Javascript
jquery创建并行对象或者合并对象的实现代码
2012/10/10 Javascript
jQuery javaScript捕获回车事件(示例代码)
2013/11/07 Javascript
jQuery获得内容和属性示例代码
2014/01/16 Javascript
javascript实现继承的简单实例
2015/07/26 Javascript
jQuery仅用3行代码实现的显示与隐藏功能完整实例
2015/10/08 Javascript
基于JavaScript实现仿京东图片轮播效果
2015/11/06 Javascript
基于javascript bootstrap实现生日日期联动选择
2016/04/07 Javascript
JavaScript 监控微信浏览器且自带返回按钮时间
2016/11/27 Javascript
javascript稀疏数组(sparse array)和密集数组用法分析
2016/12/28 Javascript
Angular实现点击按钮后在上方显示输入内容的方法
2017/12/27 Javascript
基于jquery实现左右上下移动效果
2018/05/02 jQuery
jQuery实现表单动态添加与删除数据操作示例
2018/07/03 jQuery
浅谈针对Vue相同路由不同参数的刷新问题
2018/09/29 Javascript
react的滑动图片验证码组件的示例代码
2019/02/27 Javascript
微信小程序保持session会话的方法
2020/03/20 Javascript
[04:11]DOTA2上海特级锦标赛主赛事首日TOP10
2016/03/03 DOTA
Windows和Linux下Python输出彩色文字的方法教程
2017/05/02 Python
Python进阶-函数默认参数(详解)
2017/05/18 Python
python进程和线程用法知识点总结
2019/05/28 Python
pytorch 更改预训练模型网络结构的方法
2019/08/19 Python
python实现控制台输出彩色字体
2020/04/05 Python
HTML5本地存储之IndexedDB
2017/06/16 HTML / CSS
《乡下孩子》教学反思
2014/04/17 职场文书
体育系毕业生自荐信
2014/06/28 职场文书
机械设计专业大学生职业生涯规划书范文
2014/09/13 职场文书
小学家长通知书评语
2014/12/31 职场文书
SQL Server #{}可以防止SQL注入
2022/05/11 SQL Server