执行一次。functionaddLoadEvent(func){

varoldοnlοad=window.onload;

if(typeofwindow.onload!zhidao='function'){

window.οnlοad=func;

}else{

window.οnlοad=function(){

oldonload();

func();

}

}

}

functionaddload(){

alert("addload");

}

//执行到这里的时候直接弹出onload,与onload事件无关内

window.οnlοad=alert("onload");

//监听onload事件,所以onload事件触容发之后才会弹出addload

addLoadEvent(addload);

//执行到这里的时候直接弹出last,与onload事件无关

alert("last");

追问非常感谢你的回答,对我有很大的帮助,只是还有一些疑惑,希望能再辛苦你帮我解答一下,具体内容我写在补充问题里了。

追答请问为什么window.οnlοad=alert("onload");与onload无关呢,alert方法应该也是函数吧?

因为这里是调用alert函数,window.onload会接收alert函数的执行结果。因为alert函数没有返回结果。所以window.onload还是没有监听任何东西。这样弹出顺序是"last",//直接弹出"onload","addload"//onload事件触发之后弹出直接调用的函数会马上执行,监听某个事件的函数是当那个事件发生的时候执行。//如果我们直接使用window.onload绑定几个函数

functionfn1(){alert('fn1')}

functionfn2(){alert('fn2')}

functionfn3(){alert('fn3')}

window.οnlοad=fn1;

window.οnlοad=fn2;//覆盖了前面的

window.οnlοad=fn3;//覆盖了前面的

//等onload事件触发的时候只弹出fn3

//如果使用addLoadEvent函数绑定

functionfn1(){alert('fn1')}

functionfn2(){alert('fn2')}

functionfn3(){alert('fn3')}

addLoadEvent(fn1);

addLoadEvent(fn2);

addLoadEvent(fn3);

//等onload事件触发的时候按绑定顺序弹出fn1,fn2,fn3

本回答由电脑网络分类达人董辉推荐

htmlonload事件怎么没有用啊?

1.可以在Body里面执行

jsonready onload 与_onload事件,onload事件是什么意思相关推荐

  1. JS 动态添加 onload、onresize、onscroll 事件

    window 的 onload.onresize.onscroll 事件,跟其他的事件不一样,它不能用 attachEvent 或 addEventListener 来添加. 也就是说,它只能这样来( ...

  2. 事件流--事件冒泡现象及阻止

    事件冒泡现象 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF ...

  3. java 绑定事件_Javascripts事件基础和事件绑定

    javascript事件基础和事件绑定 一.事件驱动 1.事件 javascript侦测到的用户的操作或是页面的一些行为 2.事件源 引发事件的元素(发生在谁身上) 3.事件处理的程序 对事件处理的程 ...

  4. windows.onload和body的onload属性的区别

    关于windows.onload和body的onload属性的区别网上有些说法说的也不太统一,现在系统说下: 先看共同点: 都是body内容体加载结束执行: window.onload 内部方式可以 ...

  5. DOM(四)——事件、事件模型(冒泡)与事件对象的功能

    文章目录 一.事件 二. 事件绑定 1. 在HTML中手工绑定 2. 在js中以赋值方式绑定 3. 在js中以添加事件监听对象的方式绑定: 3.1 原理 3.2 移除事件监听对象 三.事件模型 四.事 ...

  6. js 事件模型 + ( 事件类型 )

    Dom事件 事件是一种异步编程的实现方式,本质上是程序各个组成部分之间的通信.DOM支持大量的事件 (一) EventTarget接口 DOM的事件操作(监听和触发),都定义在EventTarget接 ...

  7. JS中的事件委托/事件代理详解

    起因: 1.这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的: 2.其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考: 概述: 那什么叫事件委托呢?它 ...

  8. JavaScript 事件和事件类型

    事件和事件类型 认识事件和事件类型 什么是事件         事件是发生并得到处理的操作,即:事情来了,然后处理. 如: 电话铃声响起(事件发生) --需要接电话(处理) 按钮被点击了,然后对应一个 ...

  9. 2020.11.18第十三章 事件(事件处理程序;事件对象;事件类型:UI事件;焦点事件;鼠标与键盘事件 变动事件 模拟事件)

    事件处理程序 html事件处理程序(直接在html中书写script) <!-- //#### 事件处理程序 //html时间程序 可以直接在HTML文件中写,而且还可以引用其他地方的方法和函数 ...

  10. 事件与事件流、事件监听

    事件监听 1.事件的概念 JavaScript 中每个元素都可以产生触发JavaScript 函数的事件.我们可以认为事件可以被JavaScript侦测到的一种行为. 2.事件流 事件流主要分为冒泡型 ...

最新文章

  1. 《Unity着色器和屏幕特效开发秘笈》—— 3.4 创建BlinnPhong高光类型
  2. 2的1000 次是超出python表示范围的整数。_第4卷讲解Python语言计算机等级考试二级操作题...
  3. 中国牙科用人工骨替代材料市场供需态势与未来投资方向分析报告2022年
  4. 数据结构: 试用判定树的方法给出在中序线索化二叉树上: (1) 如何搜索指定结点的在中序下的后继。 (2) 如何搜索指定结点的在前序下的后继。(3) 如何搜索指定结点的在后序下的后继。
  5. Qt笔记-当前时间转GMT并转换成英文(Qt构造http头中Date数据)
  6. 上传txt生成字典 java_文件上传漏洞fuzz字典生成脚本小工具分享
  7. JavaScript实现对象的深度克隆及typeof和instanceof【简洁】【分享】
  8. 【图像配准】基于matlab SIFT图像配准【含Matlab源码 148期】
  9. 用n=4的复化Simpson公式求积分方程的近似解[matlab]
  10. PTA-哥尼斯堡的“七桥问题” (20 分)
  11. Python-F.softmax(dim)中dim使用理解
  12. 计算机计算资产分析表,财务指标计算器.xls
  13. Java 可用于比较与排序的lambda表达式和comparing方法
  14. netty 远程主机强迫关闭了一个现有的连接。
  15. 安卓修改软件安装时间_WPS 2016软件安装教程
  16. C# 托盘图标缓存清除
  17. mini-batch_Spring Batch教程– ULTIMATE指南
  18. VirtualBox虚拟机与主机间无法复制粘贴
  19. 腾讯优测亮相2020第二届中国金融CIO年会
  20. PE系统解决忘记开机密码

热门文章

  1. 计算机专业的公务员考试试题,公务员考试:计算机专业试卷综合试题(含参考答案)...
  2. 0.8W 短80米无线电测向信号源开发
  3. pip 更新到最新的版本
  4. Power-One电源维修Bel power电源维修PFC500-1024
  5. JavaScript诞生记
  6. 判断成绩级别if else if语句使用案例
  7. 《Spring源码深度解析 郝佳 第2版》XML标签的解析
  8. 学习资料:Chisel汇总
  9. 征信不良记录,花钱就能修复?
  10. Linux 远程访问及服务控制