JS:window.onload的使用介绍
更新时间：2013年11月13日 15:46:24 作者：
window.onload在某些情况下还是比较实用的，比如加载时执行哪些脚本等等，下面有几个不错的示例，需要的朋友可以参考下
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>
直接写到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>
相关文章
这篇文章主要为大家详细介绍了javascript实现瀑布流动态加载图片原理，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要介绍了JS中的模糊查询功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-12-12
这篇文章主要介绍了javascript 动态创建表格,需要的朋友可以参考下2015-01-01
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
这篇文章主要介绍了JavaScript -- JSON.parse 函数 和 JSON.stringify 函数,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-12-12
textbox右键菜单...2006-10-10
在TypeScript中,我们可以使用Class来定义类,这使得我们能够更加结构化地组织代码并使用面向对象的思想进行开发,本文小编将给大家详细的总结一下TypeScript中Class类的基本语法,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了ES6数组的扩展,结合实例形式详细对比分析了ES6数组的新增方法与相关使用技巧,需要的朋友可以参考下2017-04-04
在项目中需要快速检测浏览器是否支持某CSS3特性，比如检测是否支持“transform”，然后我的布局会有两种完全不同的版式2012-09-09
判断是否全是中文的脚本2008-09-09
这篇文章主要介绍了element-ui 实现输入框下拉树组件功能,使用element-ui的 el-input,el-tree,el-popover组件组合封装,本文结合示例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-05-05
最新评论