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

执行多个window.onload匿名函数的方法 业务需求:在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 阅读详情

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 event!");return;}

但window.onload 不能同时加载多个函数。

比如:

复制代码 代码如下:

function t(){
alert("t")
}
function b(){
alert("b")
}
window.onload =t ;
window.onload =b ;

后面会把前面的覆盖,上面代码只会输出 b。
此时可用如下方法解决:

window.onload =function() { t(); b(); }

另一种解决方法如下:
复制代码 代码如下:

function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}

使用如下:
复制代码 代码如下:

function t(){
alert("t")
}
function b(){
alert("b")
}
function c(){
alert("c")
}
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}

addLoadEvent(t);
addLoadEvent(b);
addLoadEvent(c);
//等价于 window.onload =function() { t(); b(); c() ;}

个人以为直接使用隐式函数(如:window.onload =function() { t(); b(); c() ;})更快捷,当然使用 addLoadEvent 更professional,各取所好吧!

Jenkins+docker 微服务实现自动化部署安装和部署过程 本文详细介绍了如何使用Docker部署Jenkins自动化服务器。主要内容包括:1)拉取Jenkins官方或BlueOcean镜像;2)创建容器并配置端口映射、数据卷挂载;3)设置防火墙规则;4)配置清华大学镜像加速;5)安装必要插件;6)SSH密钥配置;7)构建触发器设置;8)编写自动化构建脚本。通过Docker部署Jenkins可以简化安装流程,确保环境一致性,并利用容器特性实现快速启动和管理。文章提供了完整的配置步骤和注意事项,帮助用户快速搭建CI/CD环境。 阅读详情

相关推荐

SLAM算法的优缺点

SLAM(Simultaneous Localization and Mapping,同时定位与地图构建)算法是一种通过传感器数据实时估计机器人自身位置和构建环境地图的技术。

selenia8860的博客 2906

使用多个window.onload

使用多个window.onload

weixin_63719049的博客 791

不同比例尺地质数据共享

包含20w、25w、100w、250w比例尺地质数据共享。

sinat_38828898的博客 2307

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

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

m0_66962220的博客 5786

用Python进行GEO数据挖掘(学习笔记四):富集分析

该笔记详细解释了富集分析的工作原理,并简要地利用gseapy在python中进行富集分析的操作。

m0_64111502的博客 5649

从零到一:Firefly-RK3399上的Ubuntu镜像构建与GPU加速实战

本文详细介绍了在Firefly-RK3399开发板上从零构建深度优化的Ubuntu系统镜像的全过程,包括交叉编译环境配置、内核定制、GPU加速环境部署(Mesa Panfrost驱动、OpenCL/Vulkan支持)以及深度学习推理优化(TFLite + LinuxNN)。通过实战案例展示了如何充分发挥Mali-T860 GPU的硬件潜力,提升边缘AI应用的性能和能效。

pz8901234的博客 1019

多个window onload的解决办法

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

MrFano的博客 2155

第四章、Isaacsim在GUI中构建机器人(3):添加摄像头和传感器

本节。

m0_47719040的博客 2494

如何处理window.onload常见不生效的问题?

是一个常见的页面加载事件,但在实际开发中,可能由于多个事件、脚本加载顺序问题或动态内容加载等原因,导致它无法按预期工作。使用来代替是一个好的实践,可以避免事件冲突。通过调整脚本加载顺序、异步加载资源等方法,可以确保页面内容在执行脚本时已经准备好。这种方式能使你的代码更灵活、可靠,避免常见的加载顺序或资源冲突问题。

向着太阳迎着光 2486

基于R和gephi做宏基因组与代谢组等多组学联合network相关性网络图

拿到多组学的数据后一直在找合适的方法将二者进行关联,比如我这里是三种体液的代谢组与一种体液的宏基因组。需求是对多组学进行关联分析,直到最近看到不少文章里利用Gephi将相关性表格进行可视化的图,效果还不错,于是写个过程记录自用。这里演示的是属水平的差异菌群相对丰度(宏基因组结果)与代谢组鉴定到的差异代谢物进行关联。先是计算相关性生成graphml格式文件使用Gephi软件进行可视化。

twocanis的博客 6785

小龙虾们的好伙伴专栏导航

本文系统解析了OpenClaw技术架构,包括Channel层和网关层的设计实现,并与AgentSkills等技术方案进行对比。同时提供了OpenClaw的系列实用指南,涵盖小龙虾培养、客户资源管理、系统自动化巡检以及技术趋势助手构建等应用场景,帮助用户从零成本入门到高效落地应用,实现业务全流程自动化管理。

wend的博客 211

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

window.onload,方法在项目中经常被使用,用法如下: function func(){alert("window的Onload事件被触发啦!");return;} window.onload=func; 或者如下: window.onload=function(){alert("window的Onload事件被触发啦!");return;} 1.问题: 但wind...

287

【SpringBoot 3.x 第43节】你还敢说 Spring 启动慢是“宿命”?Spring AOT 把启动剧本都提前写死了,你服不服?

🏆本文收录于《滚雪球学SpringBoot 3》,专门攻坚指数提升,本年度国内最系统+最专业+最详细(永久更新)。

**My Coding Family** 539

JS window,onload 与 $().read()

JS:window.onload的使用介绍 1.在body标签里面 2.在JS语句调用 3.同时调用多个函数 4.JS调用多个函数 5.自定义的函数多次调用 jquery $(document).ready() 与window.onload的区别 转载于:https://www.cnblogs.com/yeyublog/p/7428919.html...

weixin_30332705的博客 320

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

JavaScript页面文档初始化 window.onload的替代办法

很早,大概去年就在mg12的博客看到他一篇很久以前的文章《 JavaScript 初始化装载方法 》,当时也没注意。这两天在做页面一些部分的延迟加载时,又想起了这个,因为使用window.onload,实在是一个很不明智的选择,很可能一个坏掉的图片或什么的就会导致你的JS迟迟装载不了,无法执行。 我试用了一下mg12文章中的方法,发现一个严重的错误,那就是在IE下如果同时绑定多个函数,那么就

小树吥倒 520

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

JS:window.onload的使用

1、最简单的调用方式 直接写到html的body标签里面,如: 1 <html> 2 <body onload="func()"> 3 </body> 4 </html> 2、在JS语句调用 1 <script type="text/javascript"> ...

weixin_30555515的博客 197

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

js window.onload 加载多个函数和追加函数

原文地址:window.onload 加载多个函数和追加函数">js window.onload 加载多个函数和追加函数作者:南宁维尔森js window.onload 加载多个函数和追加函数 平时做项目 经常需要使用window.onload, 用法如下: function func(){alert("this is window onload event!");return;}  wind

GIS Your Life! 864

当页面有多个js文件时,应如何引入?

  1. 我们知道如果一个页面有多个js文件,并且这些js文件有的还有依赖关系的时候,我们就要特别注意他们之间的引入顺序,否则就会报错。    如:一个js文件依赖jquery,我们就要先引入jquery,然后再引入这个js文件,否则,就会报错$ is not defined。      2. 当一个页面有多个js文件的时候,另一个可能出现的问题就是 window.onload = func...

weixin_33670786的博客 906

jq入口函数的作用_JS入口函数和JQuery入口函数

首先,讲一下它们的区别:(1)JS的window.onload事件必须要等到所有内容,以及外部图片之类的文件加载完之后,才会去执行。(2)JQuery入口函数是在所有标签加载完之后,就会去执行。接着,通过JS的一个覆盖问题引出对JQuery入口函数实现的解释。JS的入口函数window.onload函数有一个覆盖的问题,当文档中出现2个window.onload函数的时候,后者会覆盖前者,导致功能...

weixin_39523529的博客 329

页面自动加载js的几种方法

页面自动加载js的几种方法 一、JS方法 1.最简单的调用方式,直接写到html的body标签里面 2.在JS语句调用 3.Js调用 onload方法 二、JQ方法

咏絮 4475

js window.onload 加载多个函数

js window.onload 加载多个函数 C# 开发   2009-11-03 10:36   阅读23   评论0   字号: 大大  中中  小小 平时做项目 经常需要使用window.onload,用法如下:function func(){alert("this is window onload event!");return;} window.onload=func;

缘分天空 660

页面自动执行(加载)js的几种方法

一、JS方法1.最简单的调用方式,直接写到html的body标签里面: &lt;html&gt; &lt;body onload="load();"&gt; &lt;/body&gt; &lt;/html&gt;  2.在JS语句调用: &lt;script type="text/javascript"&gt; function myfun()

Makenna's World 457

在onload上加载执行多个函数

有时候需要用到window.onload函数,但是window.onload函数已经被赋值过了,如果要想加载多个函数,我们要这么写 function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != function) {

Bryan's Column 1111

在Window.onload中加载/执行多个函数

(转载)在默认情况下window.onload只支持一个初始化函数的DOM操作。可在javascript代码中参考入以下代码:function t(){alert("t")}function b(){alert("b")}window.onload =function() { t();  b(); } 另一种解决办法: function addLoadEvent(func) {  var oldonload = window.onload;  if (typeof window.onload != 'fun

xfywolf的专栏 635
上一篇: js中2个等号与3个等号的区别
下一篇: linux新建用户和用户组
小瑞
博客等级 码龄19年 240粉丝 274原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值