首页
学习
活动
专区
工具
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、在老版本IE中onreadystatechange事件会触发在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、jQuery的ready和Dom的onload的区别: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是onpropertychange的非IE浏览器版本,支持firefox和opera等浏览器,但有一点不同,它绑定于对象时,并非该对象所有属性改变都能触发事件

    97940

    客户端的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。

    84040

    JavaScript(十二)

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

    2.9K20

    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的理解记录(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标签属性

    21210

    JavaScript的window.load小记

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

    64410

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

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

    2.4K60

    js事件大全

    onError IE4|N3|O 捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误 onLoad IE3|N2|O3 页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成...] onFocus IE3|N2|O3 当某个元素获得焦点时触发的事件 onReset IE4|N3|O3 当表单中RESET的属性被激发时触发的事件 onSubmit IE3|N2|O3 一个表单被递交时触发的事件...onBeforePaste IE5|N|O 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件 onBeforeUpdate IE5|N|O 当浏览者粘贴系统剪贴板中的内容时通知目标对象...IE5|N|O 当某被拖动的对象在另一对象容器范围内拖动时触发的事件 onDragStart IE4|N|O 当某对象将被拖动时触发的事件 onDrop IE5|N|O 在一个拖动过程中,释放鼠标键时触发的事件...onAfterPrint IE5|N|O 当文档被打印后触发的事件 onBeforePrint IE5|N|O 当文档即将打印时触发的事件 onFilterChange IE4|N|O 当某个对象的滤镜效果发生变化时触发的事件

    3.8K10

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

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

    2.8K20
    领券