JS:window.onload的使用介绍
时间:2024-04-23 09:12:47
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>
标签:window,onload


猜你喜欢
利用Vscode进行Python开发环境配置的步骤
2023-04-18 09:06:46

django自带serializers序列化返回指定字段的方法
2022-11-16 01:29:55
详解基于Jupyter notebooks采用sklearn库实现多元回归方程编程
2022-04-19 21:35:31

客户体验
2008-12-11 13:58:00
PHP数据库表操作的封装类及用法实例详解
2023-11-12 07:41:23
python星号(*)和双星号(**) 函数动态参数匹配及解包操作方法
2023-04-09 19:55:03
python执行系统命令4种方法与比较
2022-12-13 12:55:59
python使用NumPy文件的读写操作
2023-09-27 18:04:44
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2023-09-06 14:34:52

Python学习之名字,作用域,名字空间(下)
2021-04-28 05:45:20
window安装mysql(zip、noinstall)
2009-10-17 21:10:00
对python中数据集划分函数StratifiedShuffleSplit的使用详解
2022-12-04 23:10:28

用python爬取租房网站信息的代码
2022-04-30 07:03:38
pydev debugger: process 10341 is connecting无法debu的解决
2022-11-02 12:04:00

Go语言实现字符串切片赋值的方法小结
2024-02-01 14:30:19
MySQL中TIMESTAMP类型返回日期时间数据中带有T的解决
2024-01-17 01:32:25

go 判断两个 slice/struct/map 是否相等的实例
2023-07-24 03:42:19
git pull时冲突的几种解决方式(小结)
2022-10-12 04:53:53

Go本地测试小技巧解耦任务拆解
2023-08-29 14:09:26
浅谈python连续赋值可能引发的错误
2023-07-12 04:13:32