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 相关文章推荐
fckeditor 获取文本框值的实现代码
Feb 09 Javascript
javascript中callee与caller的用法和应用场景
Dec 08 Javascript
25个非常棒的jQuery滑块插件和教程小结
Sep 02 Javascript
js style动态设置table高度
Oct 21 Javascript
jquery操作angularjs对象
Jun 26 Javascript
js动态生成Html元素实现Post操作(createElement)
Sep 14 Javascript
JS组件Bootstrap实现下拉菜单效果代码
Apr 26 Javascript
Node.js中.pfx后缀文件的处理方法
Mar 10 Javascript
JS实现静态页面搜索并高亮显示功能完整示例
Sep 19 Javascript
使用JS中的Replace()方法遇到的问题小结
Oct 20 Javascript
js中对象和面向对象与Json介绍
Jan 21 Javascript
JavaScript实现拖拽盒子效果
Feb 06 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学习之function的用法
2012/07/14 PHP
PHP中遇到BOM、编码导致json_decode函数无法解析问题
2014/07/02 PHP
编写PHP脚本清除WordPress头部冗余代码的方法讲解
2016/03/01 PHP
Zend Framework分页类用法详解
2016/03/22 PHP
zen cart实现订单中增加paypal中预留电话的方法
2016/07/12 PHP
JavaScript 学习技巧
2010/02/17 Javascript
JavaScript操作XML实例代码(获取新闻标题并分页,并分页)
2010/05/25 Javascript
关于flash遮盖div浮动层的解决方法
2010/07/17 Javascript
document.documentElement的一些使用技巧
2013/04/18 Javascript
JS+flash实现chrome和ie浏览器下同时可以复制粘贴
2013/09/22 Javascript
jquery trigger伪造a标签的click事件取代window.open方法
2014/06/23 Javascript
JS中Location使用详解
2015/05/12 Javascript
JQuery控制Radio选中方法分析
2015/05/29 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
2016/07/05 Javascript
Angularjs实现带查找筛选功能的select下拉框示例代码
2016/10/04 Javascript
underscore之Chaining_动力节点Java学院整理
2017/07/10 Javascript
vue 挂载路由到头部导航的方法
2017/11/13 Javascript
vue+element实现打印页面功能
2019/05/20 Javascript
axios如何利用promise无痛刷新token的实现方法
2019/08/27 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
2020/11/05 Javascript
Python中使用bidict模块双向字典结构的奇技淫巧
2016/07/12 Python
python基于pyDes库实现des加密的方法
2017/04/29 Python
Python实现读取TXT文件数据并存进内置数据库SQLite3的方法
2017/08/08 Python
Python中eval带来的潜在风险代码分析
2017/12/11 Python
Django框架模板文件使用及模板文件加载顺序分析
2019/05/23 Python
Django基础三之视图函数的使用方法
2019/07/18 Python
opencv实现简单人脸识别
2021/02/19 Python
详解HTML5中的manifest缓存使用
2015/09/09 HTML / CSS
印度尼西亚值得信赖的第一家网店:Bhinneka
2018/07/16 全球购物
英语专业应届生求职信范文
2013/11/15 职场文书
财政局党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
辞职信范文大全
2015/03/02 职场文书
公司仓管员岗位职责
2015/04/01 职场文书
2019年自助餐厅创业计划书模板
2019/08/22 职场文书
bootstrapv4轮播图去除两侧阴影及线框的方法
2022/02/15 HTML / CSS
win10搭建配置ftp服务器的方法
2022/08/05 Servers