JS:window.onload的使用介绍

时间:2013-11-13    点击:155   
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>
解决jquery1.9不支持browser对象的问题
js获取IFRAME当前的URL的方法
常见表单重复提交问题整理及解决方法
获取下拉列表框的值是数组,split,$.inArray示例
jquery属性选择器not has怎么写 行悬停高亮显示
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved