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 相关文章推荐
更正确的asp冒泡排序
May 24 Javascript
JQuery+JS实现仿百度搜索结果中关键字变色效果
Aug 02 Javascript
JavaScript 命名空间 使用介绍
Aug 29 Javascript
js特殊字符转义介绍
Nov 05 Javascript
nodeType属性返回被选节点的节点类型介绍
Nov 22 Javascript
js仿3366小游戏选字游戏
Apr 14 Javascript
Bootstrap表单组件教程详解
Apr 26 Javascript
javascript和jquery实现用户登录验证
May 04 Javascript
Bootstrap CSS布局之代码
Dec 17 Javascript
基于ES6作用域和解构赋值详解
Nov 03 Javascript
浅谈对于“不用setInterval,用setTimeout”的理解
Aug 28 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
Dec 23 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/08/07 PHP
PHP的时间戳与具体时间转化的简单实现
2016/06/13 PHP
PHP中创建和编辑Excel表格的方法
2018/09/13 PHP
PHP使用glob方法遍历文件夹下所有文件的实例
2018/10/17 PHP
Prototype使用指南之string.js
2007/01/10 Javascript
一个js实现的所谓的滑动门
2007/05/23 Javascript
javascript之通用简单的table选项卡实现(二)
2010/05/09 Javascript
Jquery Ajax的Get方式时需要注意URL地方
2011/04/07 Javascript
jquery中加载图片自适应大小主要实现代码
2013/08/23 Javascript
JS基于Ajax实现的网页Loading效果代码
2015/10/27 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
2016/12/12 Javascript
jQuery读取XML文件的方法示例
2017/02/03 Javascript
layui前段框架日期控件使用方法详解
2017/05/19 Javascript
vue多页面开发和打包正确处理方法
2018/04/20 Javascript
VUE2.0中Jsonp的使用方法
2018/05/22 Javascript
jQuery实现炫丽的3d旋转星空效果
2018/07/04 jQuery
解决layui下拉框监听问题(监听不到值的变化)
2019/09/28 Javascript
vue和iview实现Scroll 数据无限滚动功能
2019/10/31 Javascript
Element-UI+Vue模式使用总结
2020/01/02 Javascript
解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题
2020/11/05 Javascript
Android模拟器无法启动,报错:Cannot set up guest memory ‘android_arm’ Invalid argument的解决方法
2016/07/01 Python
Django1.9 加载通过ImageField上传的图片方法
2018/05/25 Python
Python Logging 日志记录入门学习
2018/06/02 Python
用Python和WordCloud绘制词云的实现方法(内附让字体清晰的秘笈)
2019/01/08 Python
python向图片里添加文字
2019/11/26 Python
Python3 assert断言实现原理解析
2020/03/02 Python
关于python tushare Tkinter构建的简单股票可视化查询系统(Beta v0.13)
2020/10/19 Python
英国钻石公司:British Diamond Company
2020/02/16 全球购物
初婚初育证明
2014/01/14 职场文书
自动化专业大学生职业生涯规划范文:爱拚才会赢
2014/09/12 职场文书
大学生考试作弊检讨书
2014/09/21 职场文书
干部作风建设个人剖析材料
2014/10/11 职场文书
2014工程部年度工作总结
2014/12/17 职场文书
公文写作指导之倡议书!
2019/07/03 职场文书
简历中的自我评价应该这样写!
2019/07/12 职场文书
DIV CSS实现网页背景半透明效果
2021/12/06 HTML / CSS