js中有两个 onload 的处理

最新推荐文章于 2023-10-25 17:59:27 发布
最新推荐文章于 2023-10-25 17:59:27 发布
阅读量2.6k 收藏 1
点赞数
分类专栏： js/jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ybp1137287436/article/details/79940385
版权

一般情况下，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.οnlοad=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 函数的详解： 点击打开链接
中二病晚期
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
js onload 事件
猿码互联
06-06 576
事件是当页面或者页面中的某个元素完全加载完成时触发的事件。常见的使用场景包括在页面加载完成后执行一些初始化操作，或者在图片加载完成后执行某些操作。当图片加载完成后，这个事件处理函数会被调用。事件是在页面或元素加载完成后触发的事件，在JavaScript中可以使用。每当一个元素加载完成后，对应的事件处理函数会被调用。在这个例子中，匿名函数会在页面加载完成后被调用。属性，可以指定页面加载完成后需要执行的函数。需要注意的是，如果图片已经在缓存中存在，那么。函数会在页面加载完成后被调用。在这个例子中，我们使用。
Jqyery中同等与js中windows.onload的应用
10-28
在JavaScript中，`window.onload` 是一个非常关键的事件，用于确保在页面所有资源（包括图像、脚本、样式表等）完全加载之后再执行指定的函数或代码块。这通常用于那些依赖于页面元素存在的操作，因为这些操作需要...
解决JQuery EasyUI onLoadSuccess执行两次的问题
08-31 448
今天使用EasyUI的datagrid时发现首次打开页面时onLoadSuccess方法执行了两次。后来发现主要问题是datagrid被初始化了两次。主要原因是一开始html中声明了dg为easyui-datagrid控件。 <table align="center" id="dg" class="easyui-datagrid" title="xxx" width="100%"...
同一个页面上出现多个window.onload方法，如何规避方法被覆盖
最新发布
m0_66962220的博客
10-25 1025
在前端开发中，是一个非常重要的事件。它会在页面加载完成后触发，这意味着我们可以在这个事件处理程序中执行一些必要的初始化操作，比如绑定事件、初始化插件等等。但是，在某些情况下，可能会出现一个页面出现两个的情况，这会导致其中一个事件处理程序被覆盖，从而导致一些意外的问题。在上面的代码中，只有 "第二个 onload" 会在页面加载完成时被打印到控制台。因为第二个覆盖了第一个。那么，如何规避一个页面两个呢？
js中关于多个 onload 的处理
qq_38339561的博客
12-28 819
//今天写代码时遇到以下问题 &lt;script&gt; window.onload = function () { //功能1 } &lt;/script&gt;--&gt; &lt;script&gt; window.onload = function () { //功能2 } &lt;/sc...
onLoadSuccess 两个数组封装到一起，packJson 数组封装到targetJson
Howst的专栏
06-20 1397
onLoadSuccess : function(data) { //[{ID=1, ITEM_CODE=0, OUTLAYNAME=人员费, OUTLAYTYPENAME=人员费, OUTLAYFEE=100},{},{}] fundBudgetDetailList = data.rows;  var strJ  = JSON.stringify(fundBudgetDetailLis
把多个JavaScript函数绑定到onload事件处理函数上的方法
11-22
例如，如果我们有`firstFunction()`和`secondFunction()`两个函数，我们可能会尝试像下面这样绑定它们： ```javascript window.onload = firstFunction; window.onload = secondFunction; ``` 在这种情况下，`...
jQuery中的read和JavaScript中的onload函数的区别
10-25
主要介绍了jQuery中的read和JavaScript中的onload函数的区别,这两个函数在web编程中是最常用的,一定要搞清楚它们的区别,需要的朋友可以参考下
用JavaScript事件串连执行多个处理过程的方法
10-31
JavaScript事件串连执行多个处理过程的方法 在JavaScript事件处理机制中，通常我们使用`object.event = handler;`的方式初始化事件处理过程。但是，这种方式只能一个事件对应一个事件处理过程。如果希望一个事件...
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
09-05
在描述中给出的示例代码中，开发者首先创建了一个`iframe`元素，然后为它添加了`onload`事件处理函数，最后将其插入到`body`中，并设置了`src`属性。这种顺序导致在某些浏览器中，`iframe`的加载事件被触发两次。 ...
如何在一个网页使用两个onload
lifeiinc的专栏
08-29 1179
一个html只能读取一个onload事件，所以如果想onload多个函数，可以用一下方法。         同时调用多个函数的方法：
JavaScript 中 onload 事件绑定多个方法
zhuocr的博客
03-27 2227
看完《Dom编程艺术》，总结window.onload绑定多个function的方法。1.直接在 HTML 中编写:<a onload="functionA();functionB()">注意：不符合结构和行为分离的思想，所以不推荐采用这种方法。2.创建一个匿名函数容纳需要调用的方法，然后将该匿名函数绑定到 onload 事件上：window.onload = function () { fun
js执行多个onload
persistencequxi的博客
01-20 917
先说个坑： DOCTYPE html> "en"> "UTF-8"> Title/title> function opennewwindow() { window.location.href = 'http://www.baidu.com' } > /head> /www.baidu.com"
window.onload() 等待所有的数据加载都完成之后才会触发
weixin_33924770的博客
04-21 816
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &l
js-onload函数加载了2次
hzx18022464374的博客
09-09 990
在做前端页面的时候用到onload，js函数放在了head，结果js执行了2次。 <script type="text/javascript"> $(function() { 　　 Request();//待调用的函数 }); function Request(argname){ // 解释url进行转值（id） var url = document.location.href;
解决两个window.onload()问题
m0_52596096的博客
11-15 588
【代码】解决两个window.onload()问题。
原生js中如果有多个onload事件解决方案
asdfgh0077的博客
11-16 306
原生js中如果有多个onload事件解决方案
怎么将JavaScript代码放在window.onload事件中
05-24
可以使用如下方式将JavaScript代码放在window.onload事件中： ```javascript window.onload = function() { // 在这里写你的JavaScript代码 }; ``` 当页面加载完成后，这段JavaScript代码就会被执行。需要注意的是，如果在同一个页面中多次使用window.onload事件，只会执行最后一次注册的函数。如果需要同时执行多个函数，可以使用addEventListener方法来添加事件监听器。例如： ```javascript window.addEventListener("load", function() { // 这是第一个函数 }); window.addEventListener("load", function() { // 这是第二个函数 }); ``` 这样，页面加载完成后，这两个函数都会被执行。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值