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 相关文章推荐
让人印象深刻的10个jQuery手风琴效果应用
May 08 Javascript
jquery $.each() 使用小探
Aug 23 Javascript
js中substring和substr的定义和用法
May 05 Javascript
js实现圆盘记速表
Aug 03 Javascript
JavaScript iframe数据共享接口实现方法
Jan 06 Javascript
详解Angular 4.x NgTemplateOutlet
May 24 Javascript
bootstrap多层模态框滚动条消失的问题
Jul 21 Javascript
基于vue实现分页效果
Nov 06 Javascript
使用express搭建一个简单的查询服务器的方法
Feb 09 Javascript
vue构建动态表单的方法示例
Sep 22 Javascript
微信小程序基于canvas渐变实现的彩虹效果示例
May 03 Javascript
JS中FormData类实现文件上传
Mar 27 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
轻松入门: 煮好咖啡的七个诀窍
2021/03/03 冲泡冲煮
PHP缓存技术的使用说明
2011/08/06 PHP
PHP实现无限极分类图文教程
2014/11/25 PHP
PHP简单实现上一页下一页功能示例
2016/09/14 PHP
PHP操作MySQL中BLOB字段的方法示例【存储文本与图片】
2017/09/15 PHP
PHP实现的mongoDB数据库操作类完整实例
2018/04/10 PHP
PHP排序算法之简单选择排序(Simple Selection Sort)实例分析
2018/04/20 PHP
php 可变函数使用小结
2018/06/12 PHP
javascript 日期时间函数(经典+完善+实用)
2009/05/27 Javascript
javascript 数组学习资料收集
2010/04/11 Javascript
理解Javascript_05_原型继承原理
2010/10/13 Javascript
jQuery中focus事件用法实例
2014/12/26 Javascript
Javascript基础教程之数据类型 (字符串 String)
2015/01/18 Javascript
JavaScript随机生成信用卡卡号的方法
2015/04/07 Javascript
jQuery组件easyui对话框实现代码
2016/08/25 Javascript
JS简单随机数生成方法
2016/09/05 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
2017/01/19 Javascript
JavaScript实现无穷滚动加载数据
2017/05/06 Javascript
H5上传本地图片并预览功能
2017/05/08 Javascript
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
2017/09/20 jQuery
Koa日志中间件封装开发详解
2019/03/09 Javascript
如何修改Vue打包后文件的接口地址配置的方法
2020/04/22 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
2020/07/22 Javascript
Python爬虫之xlml解析库(全面了解)
2017/08/08 Python
Python实现通过解析域名获取ip地址的方法分析
2019/05/17 Python
python计算无向图节点度的实例代码
2019/11/22 Python
对tensorflow中cifar-10文档的Read操作详解
2020/02/10 Python
python 引用传递和值传递详解(实参,形参)
2020/06/05 Python
sklearn线性逻辑回归和非线性逻辑回归的实现
2020/06/09 Python
接口自动化多层嵌套json数据处理代码实例
2020/11/20 Python
用HTML5制作数字时钟的教程
2015/05/11 HTML / CSS
联想新加坡官方网站:Lenovo Singapore
2017/10/24 全球购物
C语言面试题
2015/10/30 面试题
腾讯广告词
2014/03/19 职场文书
党支部特色活动方案
2014/08/20 职场文书
MySQL中VARCHAR与CHAR格式数据的区别
2021/05/26 MySQL