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中使用$(#form).submit()重写提交表单无效原因分析及解决
Mar 25 Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
Apr 03 Javascript
Javascript玩转继承(一)
May 08 Javascript
jQuery无刷新切换主题皮肤实例讲解
Oct 21 Javascript
js实现简单的碰壁反弹效果
Aug 30 Javascript
javascript 判断当前浏览器版本并判断ie版本
Feb 17 Javascript
JavaScript Date对象应用实例分享
Oct 30 Javascript
JS实现简单的抽奖转盘效果示例
Feb 16 Javascript
微信小程序下拉菜单效果的实例代码
May 14 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
Jun 05 Javascript
vue-drawer-layout实现手势滑出菜单栏
Nov 19 Vue.js
JavaScript 事件捕获冒泡与捕获详情
Nov 11 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
《星际争霸II》全新指挥官斯台特曼现已上线
2020/03/08 星际争霸
风味层面去分析咖啡油脂
2021/03/03 咖啡文化
php 连接mssql数据库 初学php笔记
2010/03/01 PHP
php递归函数三种实现方法及如何实现数字累加
2015/08/07 PHP
基于jquery实现的省市区级联无ajax
2013/09/24 Javascript
nodejs实现HTTPS发起POST请求
2015/04/23 NodeJs
js图片轮播效果实现代码
2020/04/18 Javascript
JavaScript电子时钟倒计时
2016/01/09 Javascript
jquery获取复选框checkbox的值实现方法
2016/05/30 Javascript
javascript实现瀑布流动态加载图片原理
2016/08/12 Javascript
jQuery  ready方法实现原理详解
2016/10/19 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
2017/04/07 jQuery
Vue AST源码解析第一篇
2017/07/19 Javascript
2种在vue项目中使用百度地图的简单方法
2018/09/28 Javascript
NodeJs实现简单的爬虫功能案例分析
2018/12/05 NodeJs
vuex页面刷新后数据丢失的方法
2019/01/17 Javascript
将RGB值转换为灰度值的简单算法
2019/10/09 Javascript
在webstorm中配置less的方法详解
2020/09/25 Javascript
python Django模板的使用方法(图文)
2013/11/04 Python
python使用win32com库播放mp3文件的方法
2015/05/30 Python
Python过滤列表用法实例分析
2016/04/29 Python
Python实现将不规范的英文名字首字母大写
2016/11/15 Python
对python中的高效迭代器函数详解
2018/10/18 Python
django fernet fields字段加密实践详解
2019/08/12 Python
python滑块验证码的破解实现
2019/11/10 Python
pytorch 状态字典:state_dict使用详解
2020/01/17 Python
python多维数组分位数的求取方式
2020/03/03 Python
纯css3实现的鼠标悬停动画按钮
2014/12/23 HTML / CSS
shell程序中如何注释
2012/02/17 面试题
大学自主招生自荐信
2013/12/16 职场文书
期末自我鉴定
2014/01/23 职场文书
酒店员工职业生涯规划
2014/02/25 职场文书
见习报告格式范文
2014/11/08 职场文书
借条格式范本
2015/05/25 职场文书
警示教育观后感
2015/06/17 职场文书
Java 深入探究讲解简单工厂模式
2022/04/07 Java/Android