编程 Javascript

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>

JS:window.onload的使用介绍

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery 获取自定义属性(attr和prop)的实现代码

Jun 27 Javascript

javaScript如何生成xmlhttp

Dec 16 Javascript

jQuery制作的别致导航有阴影背景高亮模式窗口

Apr 15 Javascript

jQuery Migrate 1.1.0 Released 注意事项

Jun 14 Javascript

深入理解JavaScript系列（31）：设计模式之代理模式详解

Mar 03 Javascript

JQuery简单实现锚点链接的平滑滚动

May 03 Javascript

jquery实现可点击伸缩与展开的菜单效果代码

Aug 31 Javascript

springMVC结合AjaxForm上传文件

Jul 12 Javascript

webpack@v4升级踩坑(小结)

Oct 08 Javascript

JointJS流程图的绘制方法

Dec 03 Javascript

node实现生成带参数的小程序二维码并保存到本地功能示例

Dec 05 Javascript

layui 实现自动选择radio单选框(checked)的方法

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