onload事件绑定多个javascript函数代码

左手的ㄟ右手 2021-11-23 02:14 301阅读 0赞

onload事件是让这个函数只在网页加载完成后才得以执行，特别是在DOM操作中，XHTML文档加载完成之前，DOM是不完整的。  
下面来看看onload具体应用：  
window.οnlοad=functionname;//functionname函数名；  
假设我们要加载两个函数：first()和second()；如果你写成这样：

window.οnlοad=first;  
window.οnlοad=second;  
那么只有second()会被执行到；first()不会被执行；

解决方案一：我们可以为window.onload写一个函数，例如：

window.οnlοad=function(){
        
    first();
    second();
    }

解决方案二：写一个函数，代码：

function addLoadEvent(func){
        
    var oldοnlοad=window.onload;
    if(typeof window.onload !=”function”){
        
            window.οnlοad=func;
        }else{
        
            window.οnlοad=function(){
        
                oldonload();
                func();
            }
        }
    }

现在就可以直接调用了：

addLoadEvent(first);
    addLoadEvent(second);

这是在阅读《javascript Dom编程艺术》发现的，觉得对于初学者还是很不错的。

原文：[http://www.forfaith.tk/archives/374][http_www.forfaith.tk_archives_374]

转载于:https://www.cnblogs.com/c3055/archive/2011/10/09/2203881.html

[http_www.forfaith.tk_archives_374]: http://www.forfaith.tk/archives/374

发表评论取消回复

表情：

评论列表（有 0 条评论，301人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript自定义函数——bind()事件绑定

直接拿走，兼容IE8 / 指定元素绑定响应函数 @param obj 绑定事件的对象 @param eventSt

深碍√TFBOYSˉ_/ 2023年02月16日 15:27/ 0 赞/ 11 阅读

相关 vue3绑定多个事件

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6ams5LyY5pmo_size_20_col

红太狼/ 2022年09月16日 05:50/ 0 赞/ 191 阅读

相关事件绑定/解绑函数

事件绑定: 标准:元素.addEventListener(事件类型,事件处理函数,是否捕获); IE:元素.attachEventr(on+

雨点打透心脏的1/2处/ 2022年09月10日 04:21/ 0 赞/ 210 阅读

相关 javascript事件的绑定

由于html是从上至下加载的，通常我们如果在head部分引入javascript文件，那么我们都会在javascript的开头添加window.onload事件，防止在文档问加

古城微笑少年丶/ 2022年07月16日 08:58/ 0 赞/ 234 阅读

相关 JavaScript事件绑定

JavaScript事件绑定 -------------------- JavaScript也称ECMAScript，是一种动态类型、弱类型、基于原型的直译式脚本语言；

刺骨的言语ヽ痛彻心扉/ 2022年06月06日 02:15/ 0 赞/ 294 阅读

相关【JavsScript】一个元素绑定多个事件

1 <script> 2 document.getElementById("a").addEventListener("click", function()

淩亂°似流年/ 2022年03月31日 10:00/ 0 赞/ 196 阅读

相关 04.javascript事件绑定

一、传统的方法： // 例1：查找第一个<form>元素并为其绑定submit事件处理函数 document.getElementsByTagName(“form”)\

缺乏、安全感/ 2022年03月27日 08:46/ 0 赞/ 256 阅读

相关 onload事件绑定多个javascript函数代码

onload事件是让这个函数只在网页加载完成后才得以执行，特别是在DOM操作中，XHTML文档加载完成之前，DOM是不完整的。下面来看看onload具体应用： win

左手的ㄟ右手/ 2021年11月23日 02:14/ 0 赞/ 302 阅读

相关 JavaScript如何为同一个元素绑定多个不同事件，指向同一个事件处理函数

1.源码： <body> <input type="button" value="点击" id="btn"> <script>

男娘i/ 2021年11月04日 18:30/ 0 赞/ 547 阅读

相关一个页面绑定多个onscroll事件

默认一个页面只能同时存在一个window.onscroll函数。有的时候我们会引入工具的js框架，在框架中使用onscroll统一监听每个页面，但是在某个页面，我们可能还要使用

痛定思痛。/ 2021年06月24日 16:09/ 0 赞/ 615 阅读