首页 > 语言 > JavaScript > 正文

JS:window.onload的使用介绍

2024-05-06 15:54:50
字体:
来源:转载
供稿:网友
window.onload在某些情况下还是比较实用的,比如加载时执行哪些脚本等等,下面有几个不错的示例,需要的朋友可以参考下

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

复制代码 代码如下:


<html>
<body>
</body>
</html>


2、在JS语句调用

复制代码 代码如下:


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


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

复制代码 代码如下:


<html>
<body>
</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>

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选