js中有两个 onload 的处理

最新推荐文章于 2025-05-28 10:49:38 发布

中二病晚期

最新推荐文章于 2025-05-28 10:49:38 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： js/jquery

本文链接：https://blog.youkuaiyun.com/ybp1137287436/article/details/79940385

js/jquery 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了JavaScript中使用多个window.onload事件的问题及解决方法。通常情况下，多个window.onload事件只会执行最后一个。文章通过示例代码展示了如何确保所有window.onload事件都能被正确执行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一般情况下，js中的多个 window.onload 只会执行最后一个，例如：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			function t(){
				alert('test1')
			}
			//只会输出test2
			function b(){
				alert("test2");
			}
	    	window.onload = t;
			window.onload = b;
		</script>
	</body>
</html>

如果想要两个 window.onload都输出：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			window.onload=function(){
				alert('test1');
			};
			var saved;
			if(typeof window.onload == 'function'){
				saved =window.onload;
			}
			window.onload = function(){
				if(saved)  saved();
				alert('test2');
			}
		</script>
	</body>
</html>

typeof 函数的详解：点击打开链接