摘要：
所谓 "来自哪里", 指的是用户从另一个网页进入当前页面时, 另一个页面的URL, 比如我从百度首页跳转到百度地图, 这时的访问者来源就是: www.baidu.com; 获取它的方法是: document.referrer 注意: 1. 如果用户是直接键入网址访问的, 那这个属性为空字符串; 2. 阅读全文
posted @ 2019-09-18 10:32
aisowe
阅读(309)
评论(0)
推荐(0)
2019年9月18日
摘要：
文档的编码类型主要是 utf-8, 一般是在meta标签的 charset属性上设置. 我们可以通过 document.characterSet 属性获取; 注意: 这个属性只读. 阅读全文
posted @ 2019-09-18 10:17
aisowe
阅读(358)
评论(0)
推荐(0)
摘要：
网页的标题一般指的是 <title>标签之间的文本节点值, 它会显示在浏览器的标签页上, 我们可以通过 document.title 来查看或修改它: 注意: 这个属性是可修改的, 修改以后网页的标题就变为修改后的值; 阅读全文
posted @ 2019-09-18 09:48
aisowe
阅读(1616)
评论(0)
推荐(0)
摘要：
1. 使用: new Date().getTime(); 2. 使用: Date.parse(); 注意: 前者使用了 Date() 构造函数的实例方法, 后者使用了Date()构造函数的的静态方法. 阅读全文
posted @ 2019-09-18 09:36
aisowe
阅读(15382)
评论(0)
推荐(0)
摘要：
获取文档URL和获取域名是两个东西, URL是完整的地址, 而域名则是协议之后, 端口之前的那一个字符串, 它可以认为是服务器的名字, 可以通过设置域名解析指向到特定的服务器IP. 获取域名可以使用: document.domain; 注意: 1. 如果无法获取域名, 则返回null 2. 这个属性 阅读全文
posted @ 2019-09-18 09:32
aisowe
阅读(453)
评论(0)
推荐(0)
2019年9月17日
摘要：
1. document.documentURI 2. document.URL 注意: 1. 两个属性的作用是完全一样的. 都是返回一个当前网页URL的字符串; 2. document.documentURI 继承自Document接口, 适用于所有文档; 3. document.URL 继承自HT 阅读全文
posted @ 2019-09-17 18:29
aisowe
阅读(5684)
评论(0)
推荐(0)
摘要：
通过 document.styleSheets 获取所有的样式表节点. 注意: 1. 返回的是一个StyleSheetList对象实例; 2. 不能通过document.querySelectorAll('style') 和 document.getElementsByTagName('style' 阅读全文
posted @ 2019-09-17 18:18
aisowe
阅读(408)
评论(0)
推荐(0)
摘要：
1. 使用document.scripts; 2. 使用 document.getElementsByTagName(); 3. 使用 document.querySelectorAll(); 阅读全文
posted @ 2019-09-17 14:38
aisowe
阅读(638)
评论(0)
推荐(0)
摘要：
<embed>是H5中新增的标签, 可以通过: document.embeds 和 document.plugins 获取所有的 embed 节点 阅读全文
posted @ 2019-09-17 14:30
aisowe
阅读(1234)
评论(0)
推荐(0)
摘要：
这里的获取图片节点指的是 <img>, 对于一些设置了自定义背景图的节点是不能获取的, 我们使用: document.images 注意: 上述代码使用的es6语法: ..., 它将类数组对象转换为数组, 然后用forEach方法将每个img元素节点中的src属性值打印出来. 阅读全文
posted @ 2019-09-17 14:26
aisowe
阅读(507)
评论(0)
推荐(0)
摘要：
可以使用: document.forms 注意: 1. 返回的是一个HTMLCollection的实例对象; 2. 可以使用表单的id或name获取某个表单节点; 3. 没有表单时返回一个空的HTMLCollection实例对象, 而非null 阅读全文
posted @ 2019-09-17 13:59
aisowe
阅读(481)
评论(0)
推荐(0)
摘要：
使用: document.links 注意: 1. a 标签和 area 标签可以设置 href属性, 因此可以被获取; 2. 返回结果为一个节点集合, 是一个HTMLCollection的实例对象, 它是以类数组对象, 但不能用forEach迭代. 阅读全文
posted @ 2019-09-17 13:53
aisowe
阅读(731)
评论(0)
推荐(0)
摘要：
比如在全屏播放视频的时候, 如果需要获取当前播放页面的全屏节点元素, 就可以使用 document.fullscreenElement 注意: 1. 如果当前页面没有不处于全屏状态, 则无法获取全屏状态节点, 将会返回 null 2. 这个功能一般是用来判断视频是否处于全屏播放的. 阅读全文
posted @ 2019-09-17 13:40
aisowe
阅读(586)
评论(0)
推荐(0)
摘要：
可以聚焦的元素节点一般是 button / input / select / a / textarea等, 这些节点在聚焦以后可以通过键盘输入或者按回车提交等, 想要获取他们可以通过: document.activeElement 注意: 如果当前网页没有聚焦的元素节点, 则返回 body 或 nu 阅读全文
posted @ 2019-09-17 13:13
aisowe
阅读(4717)
评论(0)
推荐(1)
摘要：
网页的滚动有横向( x轴 )和纵向( y轴 ), 要想滚动到页面顶部, 需要将 x轴 和 y轴 设置为 0, 需要用到滚动元素的: el.scrollTop 和 el.scrollLeft 属性. 阅读全文
posted @ 2019-09-17 11:38
aisowe
阅读(2516)
评论(0)
推荐(0)
摘要：
所谓滚动元素节点, 指的是带有最外层的那个可以滚动的元素节点. 我们可以使用: document.scrollingElement 获取 注意: 1. 标准模式下这个属性返回的节点是 html, 兼容模式下返回 body 2. 如果元素不存在, 则返回null 阅读全文
posted @ 2019-09-17 11:27
aisowe
阅读(1305)
评论(0)
推荐(0)
摘要：
1. 使用: document.head 2. 使用: document.getElementsByTagName("head") 3. 使用: document.querySelector("head").nodeName 阅读全文
posted @ 2019-09-17 11:17
aisowe
阅读(299)
评论(0)
推荐(0)
摘要：
1. 使用: document.body 2. 使用: document.getElementsByTagName("body") 3. 使用: document.querySelector("body").nodeName 阅读全文
posted @ 2019-09-17 11:14
aisowe
阅读(1236)
评论(0)
推荐(0)
摘要：
所谓根元素节点, 一般是文档声明节点之后的第一个节点: html 获取它的方法有许多, 这里列举四种: 1. document.documentElement 2. document.firstElementChild 3. document.lastChild 4. document.childr 阅读全文
posted @ 2019-09-17 09:00
aisowe
阅读(5132)
评论(0)
推荐(0)
摘要：
使用: document.doctype 注意: 1. 这个属性返回的值不是一个字符串, 而是一个对象; 2. document.firstChild 和 document.doctype一般来说是相等的; 3. 如果文档中没有声明文档类型, 则返回null 4. document节点一般用两个节点 阅读全文
posted @ 2019-09-17 00:45
aisowe
阅读(207)
评论(0)
推荐(0)
摘要：
使用document.defaultView; 注意: 1. 如果当前文档不属于window对象, 则返回null; 2. document.defaulView 是 document 的快捷方式属性; 阅读全文
posted @ 2019-09-17 00:34
aisowe
阅读(846)
评论(0)
推荐(0)
摘要：
所谓 "快捷方式属性" , 也就是说它们不是必须的, 只是在操作dom时可以更为方便地获取. 主要有下面8个: 1. 获取当前文档所属的window对象: document.defaultView 2. 获取当前文档的文档类型: document.doctype 3. 获取当前文档的根元素节点, 一 阅读全文
posted @ 2019-09-17 00:24
aisowe
阅读(233)
评论(0)
推荐(0)
2019年9月16日
摘要：
1. 在一般的网页文档中, 可通过: document 或 window.document 获取; 2. 在iframe框架中, 可通过iframe节点的属性: contentDocument 获取; 3. 通过 ajax 返回的文档, 可以通过 XMLHttpRequest 对象的 respons 阅读全文
posted @ 2019-09-16 23:40
aisowe
阅读(372)
评论(0)
推荐(0)
摘要：
1. document是七种文档节点中的一种, 是最顶级的一种节点; 2. 其他六种节点都包在document节点之内; 3. document既是一种节点的名字, 也是这种节点在DOM中的实例对象; 4. 每个文档都有一个document节点, 对应document对象. 但因环境不同, 获取do 阅读全文
posted @ 2019-09-16 23:35
aisowe
阅读(244)
评论(0)
推荐(0)
摘要：
使用 ChildNode.replaceWith(); 注意: 1. 当前节点必须具有父节点; 2. 替换的参数节点可以是元素节点, 也可以是文本节点; 阅读全文
posted @ 2019-09-16 23:16
aisowe
阅读(786)
评论(0)
推荐(0)
摘要：
可以使用ChildNode.after() 注意: 1. 可以插入元素节点, 也可以插入文本节点; 2. 可以插入一个节点, 也可以插入多个节点; 3. 当前元素必须有父节点; 阅读全文
posted @ 2019-09-16 23:10
aisowe
阅读(1043)
评论(0)
推荐(0)
摘要：
可以使用ChildNode.before() 注意: 1. 可以插入元素节点, 也可以插入文本节点; 2. 可以插入一个节点, 也可以插入多个节点; 3. 当前元素必须有父节点; 阅读全文
posted @ 2019-09-16 23:09
aisowe
阅读(777)
评论(0)
推荐(0)
摘要：
使用ChildNode.remove() 注意: 1. 这里的当前节点必须要用父节点, 因此不适用与 文档节点 / 文档片段节点等; 2. 这里的的当前节点可以是元素节点 / 文本节点等所有具有父节点的节点; 阅读全文
posted @ 2019-09-16 23:04
aisowe
阅读(411)
评论(0)
推荐(0)
摘要：
使用: ParentNode.prepend(); 注意: 1. 增加的子节点类型可以是文本节点 或 元素节点; 2. 增加的子节点可以是多个; 阅读全文
posted @ 2019-09-16 18:30
aisowe
阅读(1794)
评论(0)
推荐(1)
摘要：
使用 ParentNode.append(), 比如下面是在body元素节点下追加一个子元素节点: 注意: 1. 可以添加多个节点, 但节点类型只能是元素节点或文本节点; 2. 新增的节点位于当前节点的最后一个子节点的后面, 即: 追加; 阅读全文
posted @ 2019-09-16 18:27
aisowe
阅读(1274)
评论(0)
推荐(0)
摘要：
1. 使用 ParentNode.children.length; 2. 使用ParentNode.childElementCount; 阅读全文
posted @ 2019-09-16 18:17
aisowe
阅读(2310)
评论(0)
推荐(0)
摘要：
使用: ChildNode.lastElementChild; 比如: 注意: 1. 只能返回元素子节点; 2. 如果没有任何元素字节点, 则返回null; 阅读全文
posted @ 2019-09-16 18:14
aisowe
阅读(1834)
评论(0)
推荐(0)
摘要：
使用: ParentNode.firstElementChild; 注意: 1. 只能获取元素子节点; 2. 如果没有任何元素字节点, 则返回null 阅读全文
posted @ 2019-09-16 18:11
aisowe
阅读(1214)
评论(0)
推荐(0)
摘要：
使用: ParentNode.children; 注意: 1. 返回的是一个HTMLCollection实例; 2. 该实例为一个动态集合; 3. 遍历只能用for循环, 不能用forEach(); 4. 返回的只是一个元素子节点集合, 其他节点不包含在内; 阅读全文
posted @ 2019-09-16 17:52
aisowe
阅读(2704)
评论(0)
推荐(0)
摘要：
ParentNode 和 ChildNode可以理解为是Node的子集, 它对一些具有父节点或子节点的节点提供了一些额外的方法和属性, 比如: 1. 继承了ParentNode的接口有: 元素节点 / 文档节点 / 文档片段节点 2. 所有具有父节点的节点都继承了 ChildNode. 下面是一个简 阅读全文
posted @ 2019-09-16 17:41
aisowe
阅读(563)
评论(0)
推荐(0)
摘要：
方法1: 直接使用id或name属性: 比如我想获取 id 为 img1 的图片元素节点, 则可以这样写: 如果没有对应节点, 则返回undefined; 方法2: 可以用: HTMLCollection.prototype.namedItem() 获取, 使用方法如下: 阅读全文
posted @ 2019-09-16 13:47
aisowe
阅读(2456)
评论(0)
推荐(0)
摘要：
和 NodeList 类似, HTMLCollection 也是一个 类数组对象, 和NodeList不同的是, 它是各种 元素节点 的集合, 且不具有 forEach() 方法, 因此如果不转为真正的数组, 则只能用 for 去遍历. 会返回 HTMLCollection 对象的属性方法包括: d 阅读全文
posted @ 2019-09-16 13:38
aisowe
阅读(736)
评论(0)
推荐(0)
2019年9月12日
摘要：
1. 单独遍历键: NodeList.prototype.keys(); 2. 单独遍历值: NodeList.prototype.values(); 3. 遍历键值对: NodeList.prototype.entries(); 阅读全文
posted @ 2019-09-12 16:05
aisowe
阅读(1131)
评论(0)
推荐(0)
摘要：
1. 使用类似 Array 的中括号写法: 2. 使用 NodeList.prototype.item(): 注意: [] 和 item() 不写参数时都会报错, 参数大于等于 length 时, [] 方式会返回 undefined, item() 方式会返回 null 建议使用: [] 阅读全文
posted @ 2019-09-12 15:00
aisowe
阅读(1556)
评论(0)
推荐(0)
浙公网安备 33010602011771号