首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在IE中的文档上触发"onload"事件

在 Internet Explorer 中,要在文档上触发 "onload" 事件,可以使用以下方法:

  1. 使用 window.onload 事件处理程序:

在 JavaScript 代码中,可以将一个函数分配给 window.onload 事件处理程序。当文档加载完成时,该函数将被调用。

示例代码:

代码语言:javascript
复制

window.onload = function() {

代码语言:txt
复制
   // 在这里编写要在文档加载完成时执行的代码

};

代码语言:txt
复制
  1. 使用 attachEvent 方法:

在 Internet Explorer 中,可以使用 attachEvent 方法来添加事件处理程序。

示例代码:

代码语言:javascript
复制

function onDocumentLoad() {

代码语言:txt
复制
   // 在这里编写要在文档加载完成时执行的代码

}

// 将 onDocumentLoad 函数添加到 onload 事件处理程序

window.attachEvent("onload", onDocumentLoad);

代码语言:txt
复制
  1. 使用 addEventListener 方法:

在 Internet Explorer 9 及更高版本中,可以使用 addEventListener 方法来添加事件处理程序。

示例代码:

代码语言:javascript
复制

function onDocumentLoad() {

代码语言:txt
复制
   // 在这里编写要在文档加载完成时执行的代码

}

// 将 onDocumentLoad 函数添加到 onload 事件处理程序

window.addEventListener("load", onDocumentLoad);

代码语言:txt
复制

请注意,这些方法只能在 Internet Explorer 中使用。在其他现代浏览器中,可以使用 addEventListener 方法来添加事件处理程序。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

onload 和 domready

博客地址:https://ainyi.com/46 window.onload 事件会在页面或图像加载完成后触发(即所有元素资源都下载完毕) 如果页面上有许多图片、音乐或 falsh 还没加载完成,onload... DOM 准备完毕,资源还没加载完"); }) DomReady DomReady 事件就是在 DOM 文档结构准备完毕后触发,即在资源加载前触发 DOMContentLoaded DOMContentLoaded... 事件onload 事件快许多,它是在 DOM 准备完毕后触发(不需等待资源下载完毕) DOMContentLoaded 事件在许多 Webkit 浏览器以及 IE9 都可以使用,此事件会在 DOM...文档准备好以后触发,包含在 HTML5 标准 对于支持此事件浏览器,直接使用 DOMContentLoaded 事件是最简单最好选择 IE6,7,8 都不支持 DOMContentLoaded...一样,会在页面或图像加载完成后触发(即所有元素资源都下载完毕),但是: FireFox script 元素不支持 onreadystatechange 事件,只支持 onload 事件 IE

2.7K20
  • Js框架设计之DomReady

    "事件名称,不过由于框架需要, 它与真正DomContentLoaded有区别,在旧JS书籍m都会让我们把Js函数写到window.onload函数, 防止Dom树还没有建好...DomReady还可以满足用户提前绑定事件需求,因为有时页面图片资源过多, window.onload迟迟不能触发,这时若还没有绑定事件,用户点哪个按钮都没有反应。...因此主流框架都引入domready机制, 并且废了很大劲兼容很多浏览器 readyState 属性返回当前文档状态(载入……)。...情况 //在IE下,使Dom.domReady先于window.onload执行 //1、在老版本IEonreadystatechange事件触发在window.onload...之后 //2、当页面包含图片时,onreadystatechange事件触发在window.onload之后(换言之,它只能正确地执行于页面不包含二进制资源或非常少或者被缓存时)

    1.5K60

    JS DOM学习笔记

    setTimeout只执行一次,setInterval可以不断执行无数次 6、onload(页面加载后触发):网页加载完毕时触发,浏览器是一边下载文档、一边解析执行,可能会出现JavaScript执行时需要操作某个元素...元素onload事件是元素自己加载完毕时触发,body onload才是全部加载完成。...13、不同浏览器对DOM支持方法不一样 获取网页那个元素触发事件,在IE中使用srcElement; 在FireFox里使用target 使用Dom获取和更改网页标签元素内文本,在IE中使用...innerText; 在FireFox里使用textContent 动态为网页或元素绑定事件,在IE绑定事件方法是attachEvent; 在FireFox绑定事件方法是addEventListener...jQuery之类框架进行了封装,解决了不同浏览器Dom不同 14、jQueryready和Domonload区别:window.onload只能注册一次,是在所有的Dom元素创建完毕、图片

    4K40

    WEB开发面面谈之(5)——写JS时必须注意一些问题

    问题:存在兼容性问题,IE6、7无效 写法2: iframe.onload = iframe.onreadystatechange = function(){...}...问题:逻辑复杂,事件绑定逻辑混乱,在某些浏览器onload和onreadystatechange都会触发,需要另外加标记位判断,逻辑复杂。...= 'none'; 如何在a标签上绑定鼠标点击事件 写法1: test 问题: 不符合CSP规范 等价于全局eval。...defer/async属性 使用script.onerror来监听脚本执行失败情况(语法错误,初始化运行时错误等都会触发) 监听script完成事件比较复杂。...但可以在单个实例覆写该方法 prototype定义静态对象变量,会造成所有对象共用,而不是分别创建实例,请在构造方法中分配实例 错误写法: function Test() {} Test.prototype.arr

    1.7K60

    再谈BOM和DOM(5):各个大流浪器DOM和BOM里面的那些坑—兼容性

    IE6、7、8下 submit事件不冒泡。 IE6、7、8下 change事件要等到blur时才触发。...万恶滚轮事件 滚轮事件支持可谓是乱七八糟,规律如下: IE6-11 chrome mousewheel wheelDetla 下 -120 120 firefox DOMMouseScroll...pageX/Y获取到触发点相对文档区域左上角距离,以页面为参考点,不随滑动条移动而变化 问题二:在IE ,event 对象有 x, y 属性(事件发生位置 x 坐标和 y 坐标)火狐没有。...onchange触发事件必须满足两个条件: 当前对象属性改变,并且是由键盘或鼠标事件激发(脚本触发无效) 当前对象失去焦点(onblur); onpropertychange的话,只要当前对象属性发生改变...,都会触发事件,但是它是IE专属; oninput是onpropertychangeIE浏览器版本,支持firefox和opera等浏览器,但有一点不同,它绑定于对象时,并非该对象所有属性改变都能触发事件

    95940

    客户端js js脚本引入 js解析过程

    ,首先定义了一个函数,设置了一个加载标志,在加载过程,设置loaded值为false,当加载完成以后,执行onload函数,将其内部定义函数传入onload,和load事件进行绑定。...等待文档载入完成,触发一个匿名函数,将onload.loaded值改为true,此时再次传入函数f将会返回js执行队列,等待执行。...将一个监听器和回调函数绑定,当监听器被触发时候,回调函数将会被触发。 客户端js线程模型 js客户端为单线程模型。...此时文档全部解析完成,但浏览器可能在等待图片加载,等所有的异步脚本全部完成载入和异步执行时候,将会触发load事件,表明全部执行完成,readState将会改为complete 此刻调用异步事件,响应用户输入事件...[endif]--> ie支持条件注释,上方是使用条件注释,在ie下,将会执行上方js脚本 通过 @_jscript 可以判断是不是ie,因为该变量在ie圆圆为true 写法如下,用于ie 使用条件注释来写

    13.1K80

    前端知识普及之页面加载

    从微观分的话,页面加载有两部分 一个是以DOMContentLoaded触发为标志DOM树渲染完成 一个是以辅助资源img,font加载完成为触发标志onload事件 他们两个具体区别就是"资源加载...相关事件 domComplete: 1441112693214, // load 事件发送给文档,也即 load 回调函数开始执行时间 // 注意如果没有绑定...使用时需要注意,performance相关操作,最好放在onload回调执行,避免出现异常bug. process,onload 这里过程其实就和开头时候说一样 (1) 解析HTML结构。...这两个线,分别代表是DOMContentLoaded和onload触发时间。 这也更能直观看出,DOMContentLoaded事件onload事件触发吧。现在回到我们开头那个问题。...这个时候模拟触发DOMContentLoaded事件,其实和onload事件触发时间并没有太久时间距离。 这种方式兼容低版本IE还是不太可靠

    1.6K90

    深入理解事件

    如果想要绑定多个函数,则需要用到事件监听器。 1. 事件绑定几种方式 javascript 给 DOM 绑定事件处理函数总的来说有2种方式:在 html 文档绑定、在 js 代码绑定。...冒泡阶段:事件又传播回文档。...由于outC是我们触发事件目标对象,在outC注册几个事件处理函数都属于DOM事件目标阶段。...阻止事件冒泡和捕获 默认情况下,多个事件处理函数会按照DOM事件流模型顺序执行。如果子元素发生某个事件,不需要执行父元素注册事件处理函数,那么我们可以停止捕获和冒泡,避免没有意义函数调用。...(123); } } 我们让父级ul监听点击事件,则不管是哪个li被点击————由于冒泡原理,事件最终都会冒泡到ul触发ul点击事件,弹出123。

    82940

    BOM概述

    JavaScript进阶内容——BOM详解 在上一篇文章我们学习了DOM,接下来让我们先通过和DOM对比来简单了解一下BOM 首先我们先来复习一下DOM: 文档对象模型 DOM把文档当作一个对象来看待...: window.onload = function(){} window.addEventListener('load',function(){}) window.onload是窗口加载事件,当文档内容完全加载完成后会触发事件...JavaScript内容 // window.onload方法在整个script只能使用一次,不推荐 window.onload = function() {...,当触发时调用内部处理函数 注意: 只要窗口发生像素变化,就会触发事件 我们常常利用这个事件完成响应式布局,window.innerWidth表示当前屏幕宽度 代码展示: <!...: 同步任务都在主线程执行,形成一个执行线 异步任务: JS异步任务都是通过回调函数执行 一般而言异步任务分为: 普通事件 : click,resize等 资源加载 : load,error

    1.1K10

    JavaScript(十二)

    事件流 ---- 最早两大浏览器厂商(IE 及 Netscape)在如何在看待浏览器事件方面还是一致。比如说,如果你单击了某个按钮,他们都认为单击事件不仅仅发生在按钮。...IE 事件流是 事件冒泡流 Netscape 事件流是 事件捕获流 事件冒泡 IE 事件流叫做事件冒泡(event bubbling),即事件开始时由最具体元素(文档嵌套层次最深那个节点)接收...事件处理程序名字以 “on” 开头,因此 click 事件事件处理程序就是 onclick,load 事件事件处理程序就是 onload。为事件指定处理程序方式有好几种。...事件对象 ---- 在触发 DOM 某个事件时,会产生一个事件对象 event,这个对象包含着所有与事件有关信息。...)时触发 文本事件,当在文档输入文本时触发 键盘事件,当用户通过键盘在页面上执行操作时触发 UI 事件 UI 事件指的是那些不一定与用户操作有关事件

    2.9K20

    JavaScript理解记录(6)

    :按照常规文档内容流定位,不能使用top,left等属性定位; 5、fiexd:相对于浏览器窗口;relative:按照常规文档流进行布局; 6、padding和margin...顺序是: 右 下 左; 五、事件:    一、事件分类:      1、表单事件:submit reset click change(input,textiput) focus blur事件等;      ...2、Window事件:         load:文档等完全加载并显示给用户时就会触发它;         unload和beforeunload: 用户离开当前文档转向其他文档(和转向之前)时触发;...        focus和blur:浏览器窗口从操作系统获取或失去键盘焦点时触发;         resize和scroll:窗口调整大小和发生滚动时触发;      3、鼠标事件:mousemove...  二、事件处理程序注册:      1、设置JavaScript对象属性:on-事件名 全部是小写,例如:window.onload=function(){};      2、设置HTML标签属性

    20710

    JS魔法堂之实战:纯前端图片预览

    在这之前,我曾经通过订阅input[type=file]元素onchange事件,一旦更改路径则将图片上传至服务器,接着就获取图片路径并赋值到img元素。...先不管文件异步提交解决方案,就是服务端清理那些临时预览图片已经增加不少工作量了。   偶然从MDN找到纯前端图片预览相关资料,经过整理后记录下来以便日后查阅。...onload:读取数据成功后触发 onerror:读取数据时抛异常时触发 onloadstart:读取数据前触发 onloadend:读取数据后触发,在onload或onerror后触发 onabort...:中止读取后触发 onprogress:读取过程周期性触发 (5)....预览img标签使用绝对定位,从而脱离正常文档流,那么就与文档其他元素无关了,而reflow时则不会影响性能。   2.

    2.4K60

    JavaScriptwindow.load小记

    load事件通常用于检测文档内容或者图片是否加载完毕。 本文着重介绍注册在window对象load事件,也就是window.onload事件。...关于事件处理函数注册,可以参阅如何注册事件处理函数一章节。 浏览器支持: (1).IE浏览器支持此事件。 (2).edge浏览器支持此事件。 (3).火狐浏览器支持此事件。...网页某些JavaScript脚本代码往往需要在文档加载完成后才能够去执行,否则可能导致无法获取对象情况,为了避免类似情况发生,可以使用以下两种方式: (1).将脚本代码放在网页底端,运行脚本代码时候...window.onload是一个事件,当文档内容完全加载完成会触发事件。可以为此事件注册事件处理函数,并将要执行脚本代码放在事件处理函数,于是就可以避免获取不到对象情况。...window.onload事件处理函数,当文档加载完成后,才会执行事件处理函数,保证文档已经加载完成。

    56510

    使用原生 JavaScript 在页面加载完成后处理多个函数

    网页 JavaScript 脚本运行是需要通过事件触发。一般做法就是在网页,直接编写几个函数,有的在代码被加载时候就被浏览器处理,或者使用类似下面的代码来触发实现函数相关功能。...以前需要在 HTML 中加上一些触发事件触发 JavaScript 相关函数,而现在直接在 JavaScript 对某个元素使用监听器,监听这个元素事件,如果这个元素被触发了某些事件,在监听器又定义了这个事件对应处理函数...window.onload 事件 onload 事件只有在整个页面已经完全载入时候才会被触发,我们将 JavaScript 代码写进 onload 事件,就可以保证在 HTML 元素被加载完成之后,...页面无法出现多个 window.onload 事件,如果出现了多个 onload 事件,那么后面的内容会覆盖前面的。...结合监听器和 window.onload 实现页面加载完处理多个函数 这里需要特别提到监听器一个优势:可以为一个元素同一个事件添加或者去除多个处理函数。

    2.7K20

    JS快速入门(二)

    如果修改内容包含 html 字符串会被解析成 html元素; setAttribute(name,value) 设置指定元素某个属性值。...;事件监听可以添加多个监听器,执行多个事件处理程序; 事件属性赋值兼容 IE8 及以下浏览器,而事件监听最低兼容到 IE9 浏览器 鼠标及键盘事件 常用鼠标事件 方法 说明 click 单击鼠标左键触发...->keyup),不同键盘事件触发时机不 同,返回结果有区别 常用键盘事件属性 使用键盘事件属性可以精确控制键盘操作,:回车触发,方向键触发 方法 说明 keyCode keyCode 属性返回...,只有 key 属性返回结果保持统一,如果不考虑 IE8 以下浏览器兼容性,推荐使用 key 来代替 keyCode 和 charCode 窗口事件 窗口事件在浏览器窗口发生变化时触发,其中包括窗口大小更改...,等待元素加载完成后再 获取其内容; 使用 onload 绑定事件时,注意一个页面不要存在多个 onload,这样会只会运行最后一个 onload 代码,推荐使用addEventListener 绑定事件

    6.6K30
    领券