HTML DOM学习总结

最新推荐文章于 2021-07-09 21:02:13 发布
最新推荐文章于 2021-07-09 21:02:13 发布
阅读量671 收藏
点赞数
分类专栏： HTML DOM
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yaoxiangpingdede/article/details/8680332
版权
常用的DOM节点方法：
Document.getElementById(“id”);
Document.getElementByTagName(“p”);
parentNode
firstChild
lastChild

访问XML以及HTML文档中的文档根节点：
Document.documentElement
对<body>标签的直接访问：
Document.body

节点信息属性：
nodeName（节点名称）
nodeValue（节点值）
nodeType（节点类型）

Screen使用：
screen.availWidth返回电脑屏幕的宽度
screen.availHeight返回电脑屏幕的高度

Window使用：
window.innerheight返回窗口的文档显示区的高度
window.innerwidth返回窗口的文档显示区的宽度

history使用：
history.back();与单击后退按钮效果一样
history.go(-2);与单击二次后退按钮效果一样

Location对像使用：
Location.host;设置或返回主机名和当前URL的端口号
Location.hostname;设置或返回URL的主机名
Location.href;设置或返回完整的URL
Location.pathname;设置或返回URL的路径部分
Location.port;设置或返回URL的端口号
Location.protocol;设置或返回当前URL的协议
Location.search;设置或返回从问号（？）开始的URL

Window.location.assign(“www.baidu.com”);加载新的文档
Window.location.reload();重新加载当前文档
Window.location.replace(“www.baidu.com”);用新的文档替换当前文档



Document对象使用：
Document.cookie;返回与当前文档有关的所有cookie
Document.domain;返回当前文档的域名
Document.lastModified;返回当前文档最后修改的日期和时间
Document.referrer;返回载入当前文档的文档URL
Document.title;返回当前文档的标题
Document.URL;返回当前文档的URL

Anchor对象使用：
X = document.getElementById(“myAnchor”);
x.charset = “ISO-8859-1”;设置或返回链接资源的字符集
x.href = “www.baidu.com”;设置或返回被链接资源的URL
x. target= “_blank”;target属性默认设置是“_self”在相同窗口中打开链接，“_blank”在新窗口中打开链接
x. className=”class_name”;设置或返回元素的class属性
x.blur();把焦点从链接上移开
x.focus();把链接应用焦点

Event对象使用：
<body onmousedown = “whichButton(event)”>
Event.button == 0;鼠标左键点击了
Event.button ==2;鼠标右键点击了
Event.button == 1;鼠标中键点击了
Event.clientX;获取点击的x坐标
Event.clientY;获取点击的y坐标
<body οnkeyup=”whichButton(event)”>
Event.keyCode;获取键盘上按键的unicode编码
Event.screenX;相对于屏幕指针的x坐标
Event.screenY; y坐标
yaoxiangpingdede
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
学习HTML DOM
维克先生的博客
06-19 177
DOM（Document Object Model，文档对象模型），是HTML和XML文档的编程接口。
HTML-DOM学习
thinking_fioa的博客
01-14 3092
HTML-DOM教程提供了访问和操作HTML文档的标准方法，DOM主要是通过节点树，构建整个网页的各个部分，学会HTML-DOM是前端基本技术
HTML DOM 学习
01-22 572
1、HTML DOM 定义了访问和处理HTML文档的标准方法。 2、可以通过JS来操作DOM，从而添加、移除、改变或重排页面上的项目。 DOM 被分为不同的部分（核心、XML及HTML）和级别（DOM Level 1/2/3）： Core DOM 定义了一套标准的针对任何结构化文档的对象 XML DOM 定义了一套标准的针对 XML 文档的对象 HTML DOM 定义了一套标准
对于html.dom的相关学习心得体会系列1
qq_51272418的博客
07-09 155
对于html语言发现的小特点 由此可以发现html语言其实类似于c语言，对于空格与换行符等符号是不感冒的，真正起作用的是； （）《》等符号。 2.关于html.dom之中的引用部分，byid 与bytagname 之间还是有区别的，注意不要笔误。 3.关于引用之中的一个小细节——即.innerHTML前面添加的应该是一个指针值，所以在引用之后可以做修改。 4.无论是getElementsByTagName还是getElementByI’d最后经过document返回的都是其指针值则后续如果需要再使.
Dom 学习总结以及实例的使用介绍
09-05
以下是一些关于DOM学习的关键知识点： 1. **DOM操作**： - `document.createElement()`：创建一个新的HTML元素。 - `document.getElementById()`：根据ID查找元素。 - `document.querySelector()`和`document....
JavaScript DOM 学习总结(五)
10-23
当页面加载时，浏览器会创建页面的文档对象模型（Document Object Model）。文档对象模型定义访问和处理HTML文档的标准方法，本篇文章给大家介绍javascript dom 学习总结(五)，感兴趣的朋友一起学习吧
dom学习总结
02-16
如果这些图片是DOM学习过程中的示例或者教学辅助材料，那么它们可能展示了一些DOM操作的结果，如页面元素的布局、事件触发的效果等。不过，由于没有具体的内容，这里只能根据标题和标签来解释DOM的基本概念和关键...
DOM事件总结，前端学习
06-30
HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。 事件通常与函数结合使用，函数不会在事件发生前被执行！ (如用户点击按钮)。 提示： 在 W3C 2 级 DOM 事件中规范了事件模型。
HTML DOM学习之一
a18946983682的博客
10-25 90
1.HTML DOM定义了访问和操作HTML文档的标准方法：DOM以树型结构表达了HTML文档； 2.DOM是W3C的标准，定义了访问HTML和XML文档的标准： DOM（文档对象模型）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容，结构和样式； 3.DOM标准分为3个不同的部分： **核心 DOM：针对任何结构化文档的标准模型； **XM...
HTML DOM 学习前端必须要了解的架构DOM【简单，好学，全面】
IT_Holmes的博客
05-16 474
文章目录1.解释DOM，HTML DOM和XML DOM1.什么是DOM？2.什么是XML DOM?3.什么是HTML DOM？2.HTML DOM 节点3.HTML DOM方法 学习html dom之前，要具备HTML，CSS和Javascript 的知识储备。 1.解释DOM，HTML DOM和XML DOM 1.什么是DOM？ 这里的DOM，全称是Document Object Model（文档对象模型)的缩写。 DOM是W3C(万维网联盟)的标准。 DOM定义了访问HTML和XML文档的标准。
web标准Html Dom学习
坚持是世界上每个有所建树的人共有的品质！
12-16 561
Dom:英文全称－Document Object Model 译成中文即是：文档对像模型．听起来很术语，其实就是文档内容的结构关系．文档类型可以是HTML或XMLDom具有对Html文件和XML文件元素的访问控制能力，简单点说利用Dom可以对某个html或xml文件添加，修改，删除元素．更改其现有的结构或内容．如果你未接触过Dom，你会发现Dom太神奇了．．．不管你是菜鸟还是高手，在这个注重用户体
HTML DOM 学习总结
穹妹纸的博客
06-10 100
什么是DOM 将标记语言文档的各个组成部分,封装为对象,可以使用这些对象,对标记语言文档进行CRUD的动态操作 W3C DOM 标准被分为3个不同的部分: 核心DOM 针对任何结构化文档的标准模型 Document: 文档对象 Element: 元素对象 Attribute 属性对象 Text 文本对象 Comment 注释对象 Node : 节点对象:,它是其他五个对象的父对象. XML
HTML DOM学习心得(附：开心网查找空车位函数)
u012467492的专栏
11-23 355
HTML Dom是一个访问HTML文档的W3C标准。它定义了如何去访问页面元素对象以及属性和方法。 在DOM标准里面： 1 整个HTML文档是一个文档节点。 2 每一个HTML 标签都是一个元素节点。 3 HTML 文本都是文本节点。 4 每一个HTML 属性都是一个属性节点。 HTML DOM 的一些主要属性（x是一个HTEML元素） x.innerHtml - the inn
javascript DOM 的一点的收获
芽芽民工广场
10-17 1187
记得两个月前，在网上找了本javascript DOM 编程艺术，英文版，花了2天时间看完后，觉得豁然开朗。上个月买了中文版，用一天时间过了一遍，对javascript有了一些新的认识，特别是对于页面隐藏javascript和javascript失效时页面功能的保护，深有感触。所以今天就写下读后感。书名《JavaScript DOM 编程艺术》英文名《DOM Scripting Web Des
DOM学习心得(一)
速冻的博客
07-02 1058
1.dom用js(和其他编程语言)来访问 Dom的核心就是节点@我理解的就是 包含关系与并列关系 inter HTML getElementById()@ 方法 随便打的文字
DOM的基础操作记忆
明仔丶的博客
01-08 269
买了一本书名字叫《DOM编程艺术》这本书是一本非常非常不错的书，大家有空也可以看！ 转回正题，我也是才学习JQUERY对于有一些知识点不像大家那么熟悉，为了加深影响我只能记忆下来。 开始罗： 添加：appendChild     insertBefore 移除：remove 移动：insertBefore 复制：cloneNode(true)、cloneNode（false） 创建
初识DOM DOM总结 心得
qq_47761388的博客
08-01 1071
什么是DOM？ DOM：Document Object Model，文档对象模型。 是一组用来描述js代码怎样与html文档进行交互和访问的web标准，它定义了一系列对象、方法和属性，用于访问、操作和创建文档中的内容、结构、样式和行为。 DOM中有哪些节点类型？ 元素节点 属性节点 文本节点 DOM1 标准方法 getElementById() 因为id在html标签中是唯一，所以我们通过id获取到的元素也是唯一； 这种方法：效率，准确率都很高；不能批量选择元素； getElementsBy
虚拟dom添加虚拟dom_虚拟DOM缓慢。 认识记忆化的DOM
cumi7754的博客
07-30 209
虚拟dom添加虚拟domby Sindre Osen Aarsaether 通过Sindre Osen Aarsaether 虚拟DOM缓慢。 符合已记忆的DOM。 (The Virtual DOM is slow. Meet the Memoized DOM.) 超越虚拟DOM和状态管理 (Moving beyond the Virtual DOM and State Management...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值