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代码
Jan 28 Javascript
javascript 常用功能总结
Mar 18 Javascript
JavaScript中的undefined学习总结
Nov 30 Javascript
JavaScript中的依赖注入详解
Mar 18 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
Aug 10 Javascript
js实现可键盘控制的简单抽奖程序
Jul 13 Javascript
js实现增加数字显示的环形进度条效果
Feb 05 Javascript
jquery加载单文件vue组件的方法
Jun 20 jQuery
新手快速入门JavaScript装饰者模式与AOP
Jun 24 Javascript
详解vuex的简单todolist例子
Jul 14 Javascript
vue实现标签云效果的方法详解
Aug 28 Javascript
JS相册图片抖动放大展示效果的示例代码
Jan 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自带的进位制之间的转换函数
2013/06/08 PHP
php基于mcrypt的加密解密实例
2014/10/27 PHP
PhpStorm terminal无法输入命令的解决方法
2016/10/09 PHP
PHP使用反向Ajax技术实现在线客服系统详解
2019/07/01 PHP
JavaScript接口实现代码 (Interfaces In JavaScript)
2010/06/11 Javascript
基于jquery的一个拖拽到指定区域内的效果
2011/09/21 Javascript
jQuery简单图表peity.js使用示例
2014/05/02 Javascript
2种jQuery 实现刮刮卡效果
2015/02/01 Javascript
JQuery显示隐藏页面元素的方法总结
2015/04/16 Javascript
Jqprint实现页面打印
2017/01/06 Javascript
jQuery设置图片等比例缩小的方法
2017/04/29 jQuery
JS实现导出Excel的五种方法详解【附源码下载】
2018/03/15 Javascript
Vue框架TypeScript装饰器使用指南小结
2019/02/18 Javascript
vue路由权限校验功能的实现代码
2020/06/07 Javascript
Python中使用tarfile压缩、解压tar归档文件示例
2015/04/05 Python
解决uWSGI的编码问题详解
2017/03/24 Python
启动targetcli时遇到错误解决办法
2017/10/26 Python
使用python实现knn算法
2017/12/20 Python
Python使用Windows API创建窗口示例【基于win32gui模块】
2018/05/09 Python
基于python实现聊天室程序
2018/07/27 Python
梅尔倒谱系数(MFCC)实现
2019/06/19 Python
django使用haystack调用Elasticsearch实现索引搜索
2019/07/24 Python
python em算法的实现
2020/10/03 Python
用Python自动清理系统垃圾的实现
2021/01/18 Python
详解Python之Scrapy爬虫教程NBA球员数据存放到Mysql数据库
2021/01/24 Python
使用Python+Appuim 清理微信的方法
2021/01/26 Python
布局和排版教程 纯css3实现图片三角形排列
2014/10/17 HTML / CSS
JD Sports瑞典:英国领先的运动时尚商店
2018/01/28 全球购物
上班上网检讨书
2014/01/29 职场文书
关于艺术节的开幕致辞
2016/03/04 职场文书
导游词之镜泊湖
2019/12/09 职场文书
Python基础之元组与文件知识总结
2021/05/19 Python
python通过opencv调用摄像头操作实例分析
2021/06/07 Python
如何利用Python实现一个论文降重工具
2021/07/09 Python
vue实力踩坑之push当前页无效
2022/04/10 Vue.js
Python按顺序遍历并读取文件夹中文件
2022/04/29 Python