1 什么是 DOM1)DOM 英文全称“Document Object Model”,译为“文档对象模型”。2)DOM 是一个与平台和编程语言无关的
原创
2023-02-01 09:48:03
61阅读
若无特殊说明,DOM篇的所有文章适用于IE9+等现代浏览器 概述 DOM是JavaScript操作网页的接口,全称为文档对象模型。它的作用是将网页转成一个JS对象,从而可以使用JS对网页进行各种操作 浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再有这些节点组成一个树状结构。节点是DOM ...
转载
2021-09-29 13:03:00
101阅读
2评论
DOM对象(DHTML) 7.1 什么是 DOM? DOM 是 W3C(万维网联盟)的标准。DOM 定义了访问 HTML 和 XML 文档的标准: "W3C 文档对象模型(DOM)是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。" W3C DOM 标准被分为 3 个 ...
转载
2021-07-16 14:38:00
198阅读
HTML DOM Event(事件) HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作(action),比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,这些属性可插入 HTML 标签来定义事件动作。 ''' onclick 当用户点击 ...
转载
2021-07-20 20:33:00
141阅读
2评论
DOM 是 Document Object Model(文档对象模型)的缩写。DOM分为核心DOM、XML DOM、HTML DOM,我们接触的主要是HTML DOM,HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法。换言之,HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。我们通过js实现交互的过程中,具体来说是在
原创
2017-06-21 10:27:00
602阅读
在触发DOM上绑定的事件时,会产生一个事件对象event,这个对象中包含着与事件相关的信息,不同的事件包含的信息也有所不同。 获取事件对象 event对象是事件程序的第一个参数 属性 不同的事件类型,事件对象包含的信息也有所不同,但有一些属性和方法是共有的 type type表示被触发的事件类型 c ...
转载
2021-09-29 13:56:00
71阅读
2评论
事件是网页中某个特定的瞬间,通常由用户主动触发。但实际上也可以使用JavaScript触发特定的事件,这就是接下来要介绍的事件模拟 引入 假设现在有按钮一和按钮二两个按钮,按钮一绑定了特定监听函数,现在需要点击按钮二的时候也能触发按钮一的监听函数,可以这么做 btn2通过事件复制,拥有了同btn1一 ...
转载
2021-09-29 13:56:00
428阅读
2评论
待写 参考文章:https://www.cnblogs.com/xiaohuochai/p/6387710.html ...
转载
2021-09-29 13:12:00
49阅读
2评论
DOM可以把任何HTML描绘成一个由多层节点构成的结构,节点之间的关系构成了层次,所有的页面标记都可以看做一个以特定节点为根节点的树形结构,这种结构被称作DOM树 节点中的各种关系可以用传统的家族关系来描述,相当于把文档树比喻成家谱 属性 parentNode 每个节点都有一个parentNode属 ...
转载
2021-09-29 13:09:00
190阅读
2评论
JS与HTML的交互是通过事件实现的,事件是指文档或浏览器窗口中发生的一些特定的交互瞬间,事件流描述的是从网页中接受事件的顺序 为什么会有事件流?举个例子,页面上有个按钮,当点击按钮的时候不仅仅是触发了按钮的click,同时触发了文档的click,因为按钮是文档的一部分。事件流分为事件冒泡流和事件捕 ...
转载
2021-09-29 13:18:00
75阅读
2评论
DOM节点操作方法包括创建节点、插入节点、删除节点、替换节点、查看节点(指的是查看节点间的关系)、复制节点。 创建节点 .
转载
2021-09-29 13:13:00
176阅读
2评论
<html><head><meta http-equiv="Content-Type" content="t
原创
2022-04-02 14:56:11
159阅读
一、BOM浏览器对象模型 览器对象模型(BOM) Broswer object model(整合js和浏览器) window对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 windo ...
转载
2021-06-04 18:59:00
237阅读
2评论
能力检测又称特性检测,它与前文介绍的用户代理检测不同,能力检测的目标不是识别特定的浏览器,而是识别浏览器的能力。能用能力检测得到解决的问题,不要使用用户代理检测 引入 能力检测的基本形式如下 下面针对不同浏览器的能力检测进行简单说明 IE检测 要检测当前IE浏览器是哪个版本,最简单的方式是使用doc ...
转载
2021-09-29 14:03:00
110阅读
2评论
innerHTML innerHTML属性是一个可读写属性。在读模式下,返回调用元素的所有子节点。在写模式下,会用指定的新值替换调用元素原先的所有子节点 在效率上,使用innerHTML要比使用appendChild()方法添加DOM的性能高 注意: 如果innerHTML属性用“+=”操作符重复追 ...
转载
2021-09-29 13:11:00
57阅读
2评论
前面两篇文章介绍了offset偏移和client客户区,本篇scroll滚动是元素尺寸相关文章的最后一篇 滚动宽高 scrollHeight scrollHeight表示元素的总高度,包括由于溢出而无法展示在网页的不可见部分 scrollWidth scrollWidth表示元素的总宽度,包括由于溢 ...
转载
2021-09-29 13:52:00
286阅读
2评论
动态样式是指页面加载过程中样式并不存在,页面加载完成后动态添加到页面的样式。动态样式包括通过``插入的外部样式表和通过` ...
转载
2021-09-29 13:15:00
216阅读
2评论
文档对象模型(DOM,Document Object Model)是 HTML 和 XML 文档的编程接口。DOM 表示 由多层节点构成的文档,通过它开发者可以添加、删除和修改页面的各个部分。脱胎于网景和微软早 期的动态 HTML(DHTML,Dynamic HTML),DOM 现在是真正跨平台、语言无关的表示和操作网页 的方式。DOM Level 1 在 1998 年成为 W3C 推荐标准,提供
原创
2024-01-22 10:01:52
31阅读
DOM 是一项 W3C (World Wide Web Consortium) 标准。DOM 定义了访问文档的标准:“W3C 文档对象模型(DOM)是 HTML 元素所有 HTML 元素的属性。
原创
精选
2024-04-10 10:37:35
176阅读