同时处理多个window.onload事件

最新推荐文章于 2023-10-25 17:59:27 发布

atrueman123

最新推荐文章于 2023-10-25 17:59:27 发布

阅读量1.6k

点赞数

分类专栏： JAVASCRIPT 文章标签： function null

本文链接：https://blog.csdn.net/atrueman123/article/details/7688311

版权

JAVASCRIPT 专栏收录该内容

3 篇文章

订阅专栏

有时引用其它js时，其js却使用了window.onload事件，这样的话，引入的页面的onload事件就有可能执行不了，怎样才能两个都运行呢？除了将两个写到一块儿去的方法外，（为了保持各个js的独立引用性，写在一块儿，使得太耦合了。）还有其他的方法吗？答案当然是肯定了。

if(window.onload!=null){
	eval("theOldFun="+window.onload.toString());
	window.οnlοad=function(){theOldFun();addReadResource();};
}

如上，addReadResource()方法就是后加入的，这样做，就可以兼顾两个onload事件了。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

atrueman123

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

执行多个window.onload匿名函数的方法

weixin_45190226的博客

11-26

1122

业务需求：在body里面创建一个div元素，点击div元素能够复制div节点，将复制后的div加载到原有的div节点后面，并且重新设置克隆后的div节点的样式。 JS代码特点：在JS语句中有两个window.onload匿名函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>执行多个window.onload匿名函数</title&g

关于执行多个window.onload方法的疑惑

weixin_45190226的博客

12-02

640

下面代码特点是：在<script>标签中前面有两个wondow.onload函数，后面用addLoadEvent函数统一调用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>执行多个window.onload匿名函数</title> <style type="text/css">

参与评论您还未登录，请先登录后发表或查看评论

调用多个window.onload

jo miro的博客

12-11

183

当我们需要调用多个window.onload时（其他事件一样）。这里我总结了常见错误和三个方法供大家参考学习。

使用多个window.onload

weixin_63719049的博客

03-13

743

使用多个window.onload

多个window.onload的使用

我爱骑呆马的专栏

06-03

1483

window.onload = function(){ var para =document.createElement("p"); var info = "NodeName:"; info += para.nodeName; info += " NodeType:"; info += para.nodeType; alert(info);

多个window onload的解决办法

MrFano的博客

01-25

2053

同一个页面有很多函数要用到window.onload,但又互相冲突，怎么解决呢，下面是看到的一个函数，和大家分享一下。 function addLoadEvent(func){ // 多个window.onload共用的封装函数 var oldonload=window.onload; if(typeof window.onload!='function'){ ...

window.addEventListener来解决让一个js事件执行多个函数

10-27

当需要一个事件触发时执行多个函数，单纯地使用`window.onload`或元素的`onclick`等事件处理方式可能会遇到问题，特别是在需要同时处理多个事件处理器时。这时，`window.attachEvent`和`window.addEventListener`就...

关于canvas动画用window.onload事件初始化动画，加载外部字体失败问题的解决方案

qq_46769552的博客

12-30

949

这两天帮别人利用canvas做一个简单的文字动画，碰到了一些问题。将自己踩坑和解决的思路记录如下。

一个页面中多个window点onload解决方法

FangYifei的博客

09-17

3940

转载原文：https://www.cnblogs.com/happyty/articles/2427358.html 比如在一个页面中有两个JavaScript 分别都用到了window.onload 一个是:window.onload=function(a){...} 另一个是:window.onload=function(b){...}这样就造成了一个JavaScript 运行不了(一般...

同一个页面上出现多个window.onload方法，如何规避方法被覆盖

最新发布

m0_66962220的博客

10-25

3975

在前端开发中，是一个非常重要的事件。它会在页面加载完成后触发，这意味着我们可以在这个事件处理程序中执行一些必要的初始化操作，比如绑定事件、初始化插件等等。但是，在某些情况下，可能会出现一个页面出现两个的情况，这会导致其中一个事件处理程序被覆盖，从而导致一些意外的问题。在上面的代码中，只有 "第二个 onload" 会在页面加载完成时被打印到控制台。因为第二个覆盖了第一个。那么，如何规避一个页面两个呢？

Java中播放背景音乐

02-06

游戏动作音乐的插入，采用的播放音乐的格式是MIDI，Java提供专门的包来处理MIDI，包名为javax.sound.midi，当然，采用mp3格式的音乐同理，如果要循环播放MIDI音乐的话，可以使用Sequencer的isRunning()方法进行判断后操作

用Visual studio 和SQL2005编写的销售管理系统

06-26

数据库文件附加源代码和说明以及所有的实验报告

Z-TEK USB RS232串口驱动

06-24

此驱动是从Z-TEK USB转串口驱动线附带光盘上拷贝过来的，先前在网上找了好多都是假的没任何帮助，该线使用的是FTDI FT232芯片。压缩包里还同时包含了422 和485驱动，如果你的是正宗的Z-TEK USB转RS232 RS422 RS485串口线，马上掏出5分下载它，不会错的。

c#连接oracle实现用户登录以及密码的修改

10-24

c#连接oracle实现用户登录以及密码的修改，在写入数据库

蒂森电梯MC2主板调试说明

12-29

蒂森电梯MC2主板调试详细步骤，A6部分与AF部分和井道自学习

把多个事件绑定到onload事件的处理方式

kyi_persisting的博客

04-30

1035

假设我们有两个函数:firstFunction和secondFunction，如果想让它们俩都在页面加载时得到执行，我们该怎么办？如果把他们逐一绑定到onload事件上，它们当中将只有最后那个才会被实际执行: window.onload=firstFunction window.onload=secondFunction secondFunction函数将取代fi...

js window.onload 加载多个函数的方法

HI,我是小瑞！

08-12

1797

http://www.jb51.net/article/20726.htm 用法如下： function func(){alert("this is window onload event!");return;} window.onload=func; 或者如下： window.onload=function(){alert("this is window onload

一个页面不能同时存在两个 window.onload()的解决方案

yaoshanghuan的专栏

02-23

4326

在页面中，只会执行后一个window.onload ，如果我替换了两个function的位置，那么也是后一个winload执行，前一个被忽略我应该怎么写才能页面下载就执行两个甚至多个window.onload呢？方法很简单: 只允许一个window.onload，其它的用window.attachEvent("onload", functionName)

执行多个onload被覆盖问题

fairyier

05-07

3360

一个页面执行多个window.onload，会被最后一个覆盖，前面n个的内容得不到执行，如 window.onload = function(){ var para =document.createElement("p"); var info = "NodeName:"; info += para.nodeName; info += " ...

window.onload事件和window.afterload事件的区别

07-14

抱歉，我之前的回答中提到的"window.afterload"事件是一个错误的信息。实际上，在标准的 JavaScript 中并不存在 "window.afterload" 事件。正确的事件名称是 "window.onload"。因此，正确的比较应该是 "window.onload" 事件和其他类似的事件，如 "DOMContentLoaded" 事件。下面是 "window.onload" 事件和 "DOMContentLoaded" 事件之间的区别： 1. 触发时机： - window.onload 事件在整个页面及其所有资源（如图片和脚本）加载完成后触发。 - DOMContentLoaded 事件在页面的 DOM 结构构建完成后触发，不需要等待所有资源加载完成。 2. 执行时机： - window.onload 事件会在页面加载完成后立即执行。 - DOMContentLoaded 事件会在页面的 DOM 结构构建完成后立即执行。 3. 绑定方式： - window.onload 事件可以使用 JavaScript 代码或者 HTML 标签的方式来绑定。 - DOMContentLoaded 事件只能通过 JavaScript 代码来绑定。 4. 覆盖问题： - 如果在页面中存在多个绑定给 window.onload 的函数，只有最后一个函数会被执行。 - 如果在页面中存在多个绑定给 DOMContentLoaded 的函数，它们会按顺序依次执行。总结来说，window.onload 事件在整个页面及其资源加载完成后触发，而 DOMContentLoaded 事件则是在页面的 DOM 结构构建完成后触发。它们的执行时机和绑定方式有所不同。希望这样能够解答你的问题。如果还有其他疑问，请随时提问。