当一个页面全部加载完才触发的事件

最新推荐文章于 2026-05-30 16:40:56 发布

原创最新推荐文章于 2026-05-30 16:40:56 发布 · 2.7k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文介绍了在不同浏览器中如何监听文档对象模型（DOM）加载完成事件的方法。针对IE浏览器使用了`document.onreadystatechange`方法，而针对Firefox等现代浏览器则采用了`DOMContentLoaded`事件监听。

ie: document.onreadystatechange=function(){document.readyState=="complete"}
FF: document.addEventListener("DOMContentLoaded",handle,false)

标签

#function #ie

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

CodingSir

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

页面加载后自动执行

Sycc的博客

02-14

1419

页面加载后自动执行： 1.页面中很多数据都需要在页面加载完成，就自动发送ajax请求，填充到页面，无需用户手动操作。有些元素的事件处理函数，也是在页面加载完成后，自动绑定上的。 2.解决：由于页面是顺序加载的，希望页面加载自动执行的代码，都放在body结尾的script中。 3.将js代码写在html文件中，不符合内容与行为分离的原则，不便于维护。 4.今后js代码都要放在独立的js文件中，在引入HTML文件里。 5.有的会放在开头，有的会放在结尾，如何保证不管放哪都可以自动执行？ 6.解决：把页面初始化

html页面加载完成后会触发的事件_H5 事件

weixin_39907939的博客

11-28

6942

JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器(或处理程序)来预定义事件，以便事件发生时执行相应的代码。这种在传统软件工程中被称为观察者模式的模型，支持页面的行为与页面的外观之间的松散耦合。事件最早是在IE3和NetscapeNavigator 2中出现的，当时是作为分担服务器运算负载的一种手段。在IE4和Naviga...

参与评论您还未登录，请先登录后发表或查看评论

告别手动拼接字符串：用CJSON库在C语言里优雅地生成JSON配置文件

最新发布

weixin_30279315的博客

05-30

969

本文介绍了如何使用CJSON库在C语言中优雅地生成JSON配置文件，替代易错的手动拼接字符串方法。CJSON库通过结构化API自动处理JSON格式化和内存管理，显著提升代码可维护性和安全性，特别适合嵌入式系统和低层软件开发。

页面加载完成事件 - onload，四种写法

yiyueqinghui的博客

11-17

2万+

在js和jquery使用中，经常使用到页面加载完成后执行某一方法。通过整理，大概是五种方式： js动态加载外部插件后，导致页面加载顺序不是按照代码的书写顺序执行，引起报错，这时候就可以用监听页面加载完成事件来指定代码的加载顺序 1、JQuery方法方法 $(function){} $(document).ready(function(){}) 说明 $(function){}是$(document).ready(function(){})的简写方式。两个都是document加载完成后就执行回调

JS页面加载完成触发事件

weixin_34319640的博客

03-26

1万+

2019独角兽企业重金招聘Python工程师标准>>> ...

如何让页面停止加载_【前端面试】dom 的解析，加载，渲染

weixin_39812046的博客

12-06

1221

本文会把 dom 的解析，加载，渲染结合 window.performance 一起讲。dom 的解析解析：HTMl 解析器把 HTML 构建成 HTML 树形数据结构，也就是 DOM 树。注意，没有 async 或 defer 标签的 js dom 在加载（拉取并放入内存）和执行时都会阻塞 DOM 树的解析和渲染。不加 async defer加 async 加 defer如何理解 js 阻塞 d...

页面加载过程中触发的事件汇总

一曲红尘诀

01-18

1936

页面加载过程 DOMContentLoaded，readystatechange，load 事件触发时机以及和 script 标签设置 defer，async，和默认不设置的关联关系。下面用代码示例介绍触发过程。

页面加载时触发的事件及顺序

天秤眷的博客

12-03

2186

前言　　页面加载时，大致可以分为以下几个步骤：　　开始解析HTML文档结构　　加载外部样式表及JavaScript脚本　　解析执行JavaScript脚本　　DOM树渲染完成　　加载未完成的外部资源（如图片）页面加载成功　　那么在这整个过程中触发了哪些常用的事件呢？ documentreadystatechange事件　　readyState...

js 进入一个页面自动执行触发点击事件

热门推荐

全易

10-28

3万+

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat...

【JavaScript】十八、页面加载事件和页面滚动事件

llg___的博客

04-10

1466

script标签在html中的位置一般在</body>标签上方，这是因为代码从上往下执行，在html元素都没加载的情况下，JS去获取DOM对象，会获取不到，如下，script标签提前，button对象就获取不到。如下，在上面div的例子中，滚动条向下拉，文字向上走（绿色代表div盒子，红色代表文字内容），紫色线所示长度，就是被卷去的长度，即scrollTop。当然，一般获取的是页面滚动的距离，获取整个html页面，不是document.html，而是document.documentElement。

jQuery——页面加载事件

mintsolace的博客

07-27

1315

DOM中页面加载事件：页面全部加载完毕才触发（标签，文字，图片，引入的文件） <script> window.onload=function(){ console.log("Hello Mayday"); }; window.onload=function(){ console.log("Everyday is Mayday");...

页面加载过程中触发的事件

xiaoxiede_wo的博客

06-27

7284

readyState属性描述了文档的加载状态，在整个加载过程中 document.readyState会不断变化，每次变化都会触发readystatechange事件。 readyState的值变化： 1.loading（加载）文档被加载时 2.loaded （加载完毕）文档数据加载完毕 3.interactive（交互）文档结束加载并且被解析，可以操作对象，但部分资源还没有加载完成；...

day23 其他事件（页面加载事件、页面滚动事件）

这这的博客

01-28

1674

页面加载事件、页面滚动事件。

【JQuery】页面加载时触发ready()事件

O(∩_∩)O

04-02

1万+

从现在开始进入JQuery的事件和应用了！好了，言归正传！ ready()类似于onload(). 但ready()只要页面的DOM结构(文档结构)加载后便触发！不包括图片等非文字媒体文件. onload()需要页面的全部元素加载完后才触发！ ready()的使用方式有以下几种. 法一： $(document).ready(function(){do somethi

怎样使页面加载完再执行js代码

qq_37418556的博客

05-27

8040

怎样使页面加载完再执行js代码由于HTML页面的加载顺序是从上到下，所以js代码要写在页面靠下的位置，否则可能会发生元素获取不到的问题，为了避免这种情况，可以通过页面元素加载完之后，再执行js代码，这样即使代码写在html元素前面也没有问题。一、在原生js中，在页面所有元素加载完执行js代码如下： 1.使用load事件 <script> window.addEventListener('load', function() { //js代码

JS进阶DAY3|页面加载事件和页面滚动事件

2301_80743865的博客

12-09

1119

DOMContentLoaded 关注的是HTML文档的加载和解析，而 load 关注的是整个页面及其所有资源的完全加载。根据你的脚本需求，选择合适的事件来确保最佳的执行时机。当初始的HTML文档被完全加载和解析完成后，不等待样式表、图片和子框架完成加载，就会触发 DOMContentLoaded 事件。这个事件适合执行那些需要页面完全加载后才能进行的操作，比如最终的页面布局调整、动画效果的触发等。这个事件可以用来检测页面的滚动位置，实现基于滚动位置的动态效果，如懒加载图片、固定头部导航栏等。

html资源加载前触发事件,jquery页面加载时触发ready()事件

weixin_39658966的博客

06-03

3194

ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是相等的：$(document).ready(function(){})等价于$(function(){});如果处理函数绑定给window对象，则会在所有内容(包括窗口、框架、对象和图像等)加载完毕后触发，如果处理函数...