欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Document对象

程序员文章站 2022-03-18 19:47:45
...
  • Document 元数据
1.characterSet 文档的字符集编码 只读属性
2.charset 获取或设置文档的字符集编码
3.compatMode 获取文档的兼容性模式
4.cookie 获取或设置当前文档的cookie
5.defaultCharset 获取浏览器使用的默认字符编码
6.defaultView 返回当前文档的window对象,
7.dir 获取或设置文档的文本方向
8.domain 获取或设置当前文档的域名
9.implementation 提供可用的DOM功能信息
10.lastModified 返回文档的最后更改信息
11.location 提供当前文档的URL信息
12.readyState 返回当前文档的状态
13.referrer 返回链接到当前文档的文档URL
14.title 获取或设置当前文档的title
  • 怪异模式 compatMode
CSS1Compat 此文档遵循某个有效的HTML规范
BackCompat 此文档含有非标准的功能
  • 使用Location对象
1.protocol 获取或设置文档URL的协议
2.host 获取或设置文档URL的主机和端口号
3.href 获取当前文档的地址
4.hostname 获取或设置文档URL的主机名部分
5.port 获取或设置文档URL的端口部分
6.pathname 获取或设置文档URL的路径部分
7.search 获取或设置文档URL的查询(?)部分
8.hash 获取或设置文档URL的锚 (#)部分
9.assign 导航到指定的URL
10.replace 清除当前文档并导航到URL所指定的那个文档(清除浏览历史)
11.reload 重新载入当前的文档
12.resolveURL 将指定的相对URL解析成绝对URL
  • cookie
document.cookie = "name1 = jim";
document.cookie = "name2 = tom";
document.getElementById("p_cookie").innerHTML = document.cookie;
  • 就绪状态
loading 浏览器正在加载和处理此文档
interactive 文档已被解析 但浏览器还在加载其中链接的资源
complete 文档已被解析 所有的资源也加载完毕
  • document使用属性获取元素对象
activeElement 返回带有键盘焦点元素的对象
body 返回一个代表body元素的对象
Embeds
plugins 返回代表embed元素的对象
forms 返回所有代表form元素的对象
head 返回一个代表head元素的对象
images 返回所有代表img元素的对象
links 返回所有代表文档里具备href属性的a和area元素对象
scrips 返回所有代表script元素的对象
  • 搜索元素
document.getElementById();
documents.getElementByClassName();
documents.getElementByName();
documentsByTagName();
document.querySelector();
document.querySelectorAll();
  • DOM 树里导航
childNodes 返回子元素组
firstChild 返回第一个子元素
hasChildNodes() 如果当前元素有子元素返回true
lastChild 返回倒数第一个子元素
nextSibling 返回父元素
parentNode 返回父元素
previousSibling 返回定义在当前元素之前的兄弟元素