解决页面多次使用onload - ToT - ITeye博客

`

cxy020

浏览: 63555 次
性别:
来自: 北京

最近访客更多访客>>

zzy_001

u014212273

yaoye119

liunancun

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

hanazawakana：倒数第二个例子，关于为什么B没有继承A，我觉得也可以这样理解， ...
js call和apply
tk1012： good
js call和apply
njl_041x：不知道什么情况下会用到？？？烦请楼主给举个简单的实用的小例子 ...
js constructor属性
liuguofeng：楼主写的好，受教了，挺你
js constructor属性
晨曦的朝阳：写得挺好。
js constructor属性

解决页面多次使用onload

博客分类：

Javascript

阅读更多

当我们使用一些插件，或者自己写一些插件的时候，往往会用到onload事件。但是当我们直接使用window.onload=function(){}绑定的时候，后面加载的js将会覆盖前面加载。如果要解决这个问题。我们可以使用attachEvent在注册事件，这样就不会被覆盖。

<html>
<body>
if (window.attachEvent){
	window.attachEvent('onload',function(){alert(1);})//对于IE
}
else{
	window.addEventListener('load',function(){alert(1);},false);//对于FireFox
}

if (window.attachEvent){
	window.attachEvent('onload',function(){alert(2);})//对于IE
}
else{
	window.addEventListener('load',function(){alert(2);},false);//对于FireFox
}

</body>
</html>

这样处理之后页面会先后弹出 2 和 1 。

分享到：

获取浏览宽高 | js放大镜

2011-08-16 15:54
浏览 1355
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

iframe的onload在Chrome/Opera中执行两次Bug的解决方法: 通过这样的顺序，`iframe`先被添加到页面中，然后开始加载，`onload`事件处理函数只会在加载完成后被正确地触发一次。这种方式确保了在所有主流浏览器中的一致行为。另外，提及的Safari 5测试情况显示，可能在某些...

判断[removed]是否多次使用的方法: 然而，问题在于，如果同一个页面中多次定义了 `window.onload`，可能会导致后定义的事件覆盖前面的事件，从而影响到程序的正常运行。因此，判断和管理 `window.onload` 是否被多次使用显得尤为重要。首先，我们要...

同时使用n个window onload加载实例介绍: 然而，通常只有一个函数能被绑定到`window.onload`事件上，这意味着如果尝试多次绑定，后绑定的函数会覆盖先前的。但是，在某些场景下，我们可能需要同时执行多个`onload`事件处理函数，这时就需要采用一些技巧来...

小程序跨页面访问数据解决方案: 当用户在多个页面之间跳转时，可以将关键数据保存在localStorage中，然后在新页面加载时通过get方法获取这些数据。这种方式简单易用，但数据量有限，只适合存储小量非敏感数据。 2. **订阅发布模式**：这是一种设计...

小程序通过页面json文件中的usingComponents引入组件的方式实现自定义tabbar，会闪烁，影响小.zip: 自定义tabbar通常涉及到多个页面，每个页面都需要使用到相同的组件。在全局json文件中设置`custom`为`true`，可以开启自定义tabbar功能，然后在app.json中定义全局的tabbar样式和组件。这种方式适用于所有页面，简单...

防止小程序多次点击跳转解决方案.docx: ### 防止小程序多次点击跳转解决方案 #### 场景描述在小程序开发过程中，开发者经常会遇到一种问题：在网络状况不佳或者系统响应较慢的情况下，用户可能会因为没有即时反馈而误以为自己的操作未被识别，进而连续...

小程序笔记(一)之view多次点击只取最后一次源码: 这可能导致不必要的多次请求或操作，影响用户体验。本笔记将探讨如何处理这种问题，确保view被点击时只执行最后一次操作。首先，我们需要理解小程序的生命周期。在每个页面的`onLoad()`函数中，我们可以初始化数据...

原生javascript如何实现共享onload事件: 传统的方式是使用window.onload事件处理函数来执行这些代码，但是这样会遇到一个问题，即如果页面中有多个地方设置了window.onload，后面的设置会覆盖掉前面的设置，导致只执行最后一次绑定的函数。为了解决这个问题...

省市联动js: 本资源提供的"省市联动"源码解决了传统方法中onload事件只能被调用一次的问题，使得在同一个JSP页面上可以多次调用JS代码来实现多个省市联动效果。首先，我们要理解JSP（JavaServer Pages）是一种基于Java的动态...

Asp.net中防止用户多次登录的方法: ASP.NET 中防止用户多次登录的方法在 ASP.NET 开发中，经常会遇到一个问题，即如何防止用户在同一时间登录多次。这个问题的解决方案是，判断用户是否已经登录过，如果已经登录过了，那么就不能再次登录。常见的...

小程序之websocket的使用1: 解决这个问题的方法是在每个页面独立处理`sendSocketMessage`和`onSocketMessage`，确保它们在同一页面内使用，或者通过父组件统一管理，使用`wepy-redux`等状态管理库来共享数据和事件。其次，`SocketTask`是小...

uniapp 同步方法实例代码: `uniapp`是一个基于Vue.js的多端开发框架，可以一次编写，应用于iOS、Android、H5等多个平台。它的`onLaunch`方法是在应用启动时被调用的全局唯一入口，通常用于进行全局的初始化工作，如用户登录状态检查、设置全局...

js监听鼠标点击和键盘点击事件并自动跳转页面: 为了解决这个问题，我们需要在每次页面跳转后重置i和j的值或者添加适当的条件判断逻辑。接下来，我们看到了一段被注释的代码，使用了setTimeout函数进行定时操作。setTimeout函数可以设置一个定时器，在指定的毫秒...

性能优化之代码优化页面加载速度: 页面代码的优化对于页面加载速度也有不小的影响，最广为人知的： ...4.尽量避免设置图片大小，多次重设图片大小会引发图片的多次重绘，影响性能； 5.合理使用display属性： display:inline后不应该再使

javascript阻止scroll事件多次执行的思路及实现: 然而，由于滚动事件的连续触发特性，这可能导致在特定的交互中出现多次执行事件处理器的情况。为了避免这种情况，本文档将探讨在JavaScript中阻止scroll事件多次执行的思路及实现方法。首先，理解问题的背景是非常...

easyui兼容ie6方法总结: 这个问题通常是由于在页面加载时，多次触发了同一事件，导致内容被加载多次。例如，原本应该只刷新一次的 panel 控件被刷新了两次。通过调整代码逻辑，确保在正确的时间点添加事件监听，可以避免此类问题。在上述...

JavaScript跨域总结与解决办法: // 避免多次触发 } }; document.head.appendChild(js); ``` 3. **使用`iframe`与`location.hash`** - **原理**：这种方法通过在`iframe`的`location.hash`中传递数据来实现跨域通信。由于同源策略对`hash`值...

DD_belatedPNG.js解决IE6浏览器下的PNG透明图片显示问题: 总的来说，DD_belatedPNG是JavaScript技术在解决浏览器兼容性问题上的一次创新尝试，它通过JavaScript模拟出原本缺失的功能，使得在旧版IE浏览器上也能呈现现代网页设计的效果。然而，随着浏览器的不断更新换代，...

window.addEventListener来解决让一个js事件执行多个函数: 如果尝试多次赋值，后面的函数会覆盖前面的。这可能导致在某些情况下，我们希望在页面加载完成后执行多个操作时出现问题。例如，如果我们有多个需要在页面加载后运行的函数`function1`、`function2`和`function3`，...

如何让页面加载完成后执行js: 然而，在IE浏览器中，如果页面中有多个地方使用了window.onload事件，后面的代码会覆盖之前的代码，导致只有最后一次设置的回调函数能够被执行。 3. jQuery的$(document).ready() jQuery库提供了一个名为$(document...

Global site tag (gtag.js) - Google Analytics