源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JS:window.onload的使用介绍

  • 时间:2021-08-05 09:55 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JS:window.onload的使用介绍
1、最简单的调用方式 直接写到html的body标签里面,如:
[u]复制代码[/u] 代码如下:
<html> <body onload="func()"> </body> </html>
2、在JS语句调用
[u]复制代码[/u] 代码如下:
<script type="text/javascript"> function func(){……} window.onload=func; </script>
3、同时 调用多个函数 直接写到html的body标签里面,如:
[u]复制代码[/u] 代码如下:
<html> <body onload="func1();func2();func3();"> </body> </html>
4、js调用多个函数,以下这种调用方式可以用于不太复杂的JS程序中,如果程序函数很多,逻辑比较复杂,可以考虑用第五种方式。
[u]复制代码[/u] 代码如下:
<script type="text/javascript"> function func1(){……} function func2(){……} function func3(){……} window.onload=function(){ func1(); func2(); func3(); } </script>
5、JS自定义函数式多次调用
[u]复制代码[/u] 代码如下:
<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>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部