JS:window.onload的使用介绍

正确的写法:
<body onload=”javascript:Fun();”>

1、最简单的调用方式

1、最简单的调用方式
直接写到html的body标签里面,如:

而不是:
<script type=”text/javascript”>
document.body.onload = Fun;
</script>

直接写到html的body标签里面,如:

复制代码 代码如下:

body 的 onload 不同于其它事件,它应该放在 body 标签中,而不应该在 JS
中指定,这在各浏览器中均相同。

2、在JS语句调用

<html>
<body onload=”func()”>
</body>
</html>

<script type=”text/javascript”>

2、在JS语句调用

function func(){……}

复制代码 代码如下:

window.onload=func;

<script type=”text/javascript”>
function func(){……}
window.onload=func;
</script>

</script>

3、同时 调用多个函数
直接写到html的body标签里面,如:

3、同时 调用多个函数

复制代码 代码如下:

直接写到html的body标签里面,如:

<html>
<body onload=”func1();func2();func3();”>
</body>
</html>

4、js调用多个函数,以下这种调用方式可以用于不太复杂的JS程序中,如果程序函数很多,逻辑比较复杂,可以考虑用第五种方式。

4、js调用多个函数,以下这种调用方式可以用于不太复杂的JS程序中,如果程序函数很多,逻辑比较复杂,可以考虑用第五种方式。

<script type=”text/javascript”>

复制代码 代码如下:

function func1(){……}

<script type=”text/javascript”>
function func1(){……}
function func2(){……}
function func3(){……}
window.onload=function(){
func1();
func2();
func3();
}
</script>

function func2(){……}

5、JS自定义函数式多次调用

function func3(){……}

复制代码 代码如下:

window.onload=function(){

<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>

func1();

直接写到html的body标签里面,如: 复制代码 代码如下: html body
onload=”func()” /body /html 2、在JS语句调用 复制代码 代码如…

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>

=========================

<script type=”text/javascript”>
window.onload=function show(){
alert(‘病毒111’);
};
</script>

直接写到html的body标签里面,如: 2、在JS语句调用 script
type=”text/javascript” function func(){……} window.onload=func; /script
3、…

发表评论

电子邮件地址不会被公开。 必填项已用*标注