执行一次。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. dva.js在index。tsx中获取script标签引用的文件
  2. 手机上最小的Linux,Linux没有最小只有更小----361M以下的Linux名单
  3. 华为如何拍火烧云_华为手机拍照功能介绍-设置通用功能
  4. jsp mysql视频_手把手教你做jsp servlet mysql实现的图书管理系统附带视频开发教程和完整源码...
  5. Elasticsearch和MongoDB对比
  6. OpenShift 4 之使用https协议访问Route
  7. Java面向对象的思想
  8. php异步学习(2)
  9. 【运维面试】面试官: 你们公司的上线流程是怎么样的?
  10. 服务器在线测速系统源码
  11. JAVA试练塔之试炼技能图
  12. 最棒的 7 个 Laravel admin 后台管理系统推荐 - 卡拉云
  13. Cloud一分钟 |小米瞄上电纸书市场;员工《卫报》开专栏控诉亚马逊;拼多多Q3财报:总收入33.724亿元...
  14. 2018年-读书笔记
  15. 02325计算机系统结构201810,2018年10月自考02325计算机系统结构真题及答案
  16. 【Python使用】Python解析JSON数据的基本方法/用MATLAB解析json格式数据
  17. Javascript实现数字转中文大写
  18. 【异界双子-twin souls-】Tech Support
  19. 用 C# 编写 USB 存储设备使用痕迹检测和删除工具
  20. Java获取代理地址和端口

热门文章

  1. 修改新人出生点,以及修改死亡复活点的方法
  2. 788_AUTOSAR_RS_SystemTemplate3_通信2_时序以及SAE J1939等
  3. 二级C语言程序设计上机模拟考试,《上机考试模拟试题集——二级QBASIC语言程序设计》C语言-程序设计.pdf...
  4. 自制Camera例子——捕获和保存图片
  5. java ftp 出现假死状态
  6. 28c512芯片_支持芯片
  7. 微信开发视频、前台模板、vue、python、java、安卓、web视频+素材合集
  8. 今天,老板要我开发一个简单的工作流引擎
  9. 华为云FusionInsight MRS ClickHouse 增强特性介绍
  10. Unity 使用C#翻转图片并缩放