zhangyaochun
- 浏览: 2614522 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout（布局研究） (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom：
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王：
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988：
能提供附件下载吗，找不到js库，google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd：
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk：
试了，没用，你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
DOMContentLoaded是ff等高级浏览器特有的Event，所有DOM解析完以后会触发这个事件。
在形成完成的DOM树之后就会触发，不理会图像、JS文件、CSS文件、其他资源十分已经下载完毕。
1
顶
顶
0
踩
踩
分享到：
这样的文章也上首页。iteye泛滥了？发表评论
-
scrollIntolView
2014-03-14 08:47 1089scrollIntoView： 滚动 ... -
动态创建style并写入
2013-08-06 11:35 0动态创建style标签，并写入内容： ... -
如何获取表格的所有行
2013-07-26 20:23 1448一般简单的思路都是按tagNam ... -
getAttributeNode
2013-06-17 15:30 1246getAttributenode ... -
HTML DOM Form对象
2013-06-08 12:23 1471前言： 本文来自w3c ... -
dom的contains
2013-06-06 16:00 1172contains ... -
mouseenter与mouseleave
2013-06-05 15:35 1469在IE中，鼠标移入移出某元素，触发： ... -
hasParent的设计
2013-05-03 18:07 1319场景： 判断指定的元素 ... -
mouseover与mouseenter的区别
2013-06-05 14:29 1630mouseover与mouseenter的区 ... -
getBoundingClientRect
2013-04-07 16:32 1528getBoundingClientRect ... -
getBoundingClientRect
2013-04-07 16:31 0getBoundingClientRect ... -
IE9下的onpropertychange的特殊之处
2013-03-27 19:04 2433场景： 在IE9下，在 ... -
DOM initEvent
2013-03-27 16:18 1747本文来自w3school：http://www ... -
创建对象的一种独特方式
2013-03-19 15:10 1271前言： 本文部分内容来自S ... -
DOM replaceChild()
2013-03-19 11:21 1496replaceChild() ... -
removeNode
2013-03-15 12:53 1310removeNode // ... -
document.activeElement
2013-01-22 09:57 6014document.activeElement ... -
IE下删除自定义属性的兼容性问题
2012-12-17 10:02 2855很多时候我们会给某个dom元素赋予一些自定义的属 ... -
dom的createTextNode
2012-12-14 16:35 1300createTextNode ----- 创建文本节 ... -
原生DOM获取元素相关的api
2012-12-10 14:19 1599整理一下底层获取元素相关的方法： getE ...
相关推荐
首先，`DOMContentLoaded`事件是网页DOM树构建完成时触发的事件，它不等待外部资源（如图片、脚本、框架）的加载。这意味着当开发者监听这个事件时，可以安全地操作DOM，因为所有元素都已经存在于文档结构中。这对于...
主要介绍了Javascript封装DOMContentLoaded事件实例,DOMContentLoaded是FF,Opera 9的特有的Event, 当所有DOM解析完以后会触发这个事件,需要的朋友可以参考下
在标准浏览器中，如Chrome、Firefox、Safari和现代版本的Internet Explorer，可以直接使用`document.addEventListener('DOMContentLoaded', fn, false)`来监听DOMContentLoad事件，并在DOM准备就绪时执行指定的函数`...
加载了dom 检查DOM是否已像一样加载与DOMContentLoaded不同，这在加载DOM之后包含在内时也适用。安装$ npm install dom-loaded用法import domLoaded from 'dom-loaded' ;await domLoaded ;console . log ( 'The DOM ...
document.addEventListener('DOMContentLoaded', function() { var mask = document.querySelector('.mask'); mask.style.display = 'block'; mask.addEventListener('click', function() { // 提示用户点击右...
《JS、CSS与img对DOMContentLoaded事件的影响》 在前端开发中，理解DOM（Document Object Model）的加载过程至关重要，特别是DOMContentLoaded事件的触发机制。DOMContentLoaded事件是网页加载过程中的一个重要节点...
window.onload事件是等整个页面完全加载完成后才会触发，这包括所有图片、脚本、样式表、iframe等资源，通常会较晚触发，而DOMContentLoaded仅需DOM树构建完成即可触发，这使得开发者可以在不影响用户体验的情况下，...
`window.onload`和`DOMContentLoaded`是两个关键的事件，用于监听页面加载的不同阶段。它们各自有其应用场景和优势。 首先，`window.onload`事件是在整个页面（包括HTML、CSS、JavaScript、图片和其他外部资源）...
对于现代浏览器，`DOMContentLoaded`事件是首选，因为它会在DOM树构建完成，但不等待外部资源加载时触发。这是一个理想的时机，因为它允许开发者尽早执行初始化代码，提高用户体验。例如，你可以这样使用`...
1. **原生DOMContentLoaded事件**：在JavaScript中，可以直接监听DOMContentLoaded事件，当DOM结构加载完毕，但不等待所有资源加载完成后，该事件会被触发。这比等待window.onload事件更快，因为它不会等待图片和...
本文将深入探讨其中的四个关键事件：DOMContentLoaded、load、beforeunload以及unload。 1. DOMContentLoaded事件： 这个事件标志着浏览器已经解析完HTML文档，并构建了DOM树，但不包括外部资源如图片、字体或异步...
3. 触发DOMContentLoaded事件 4. 注入5+ API 5. 触发plusready事件 这样导致5+ API生效时间比较延后，在html中引用js执行之后才能调用5+ API，通常采用以下代码调用5+ API： document.addEventListener('plusready'
总结来说，确保代码在DOM加载完成后再执行是网页开发中的基础实践，可以利用jQuery的`$(document).ready()`或者原生JavaScript的`DOMContentLoaded`和`window.onload`事件来实现这一目标。正确使用这些方法可以优化...
DOMContentLoaded事件在文档的DOM结构解析完成时触发，但不等待样式表、图像和子框架的加载。使用Promise来处理这个事件，我们可以这样做： ```javascript const domContentLoadedPromise = new Promise((resolve...
LCP)、可交互时间（Time to Interactive，TTI）、DCL（DOMContentLoaded）、L（Onload）、界面显示速度 SI(Speed Index)、TBT(Total Blocking Time)【总阻塞时间】、FPS、CLS(Cumulative Layout Shift)【累积布局...
3. **DOMContentLoaded事件**：当HTML文档解析完成，但不包括外部资源（如图片、字体等）时，会触发DOMContentLoaded事件。在这个事件的回调函数中执行的JavaScript代码可以访问到所有已解析的DOM元素。 4. **事件...