Document 对象
属性 | 描述 |
document.activeElement | 返回当前获取焦点的元素 |
document.anchors | 返回对文档中所有 Anchor 对象的引用 |
document.applets | 返回对文档中所有 Applet 对象的引用。注意: HTML5 已不支持 <applet> 元素 |
document.baseURI | 返回文档的基础 URI |
document.body | 返回文档的 body 元素 |
document.cookie | 设置或返回与当前文档有关的所有 cookie |
document.doctype | 返回与文档相关的文档类型声明 (DTD) |
document.documentElement | 返回文档的根节点 |
document.documentMode | 返回浏览器渲染文档的模式 |
document.documentURI | 设置或返回文档的位置 |
document.domain | 返回当前文档的域名 |
document.domConfig | 已废弃,返回 normalizeDocument() 被调用时所使用的配置 |
document.embeds | 返回文档中所有嵌入内容(embed)的集合 |
document.forms | 返回文档中所有 Form 对象的引用 |
document.images | 返回文档中所有 Image 对象的引用 |
document.implementation | 返回处理该文档的 DOMImplementation 对象 |
document.inputEncoding | 返回文档的编码方式 |
document.lastModified | 返回文档的最后修改日期 |
document.links | 返回对文档中所有 Area 和 Link 对象的引用 |
document.readyState | 返回文档状态(载入中) |
document.referrer | 返回载入当前文档的 URL |
document.scripts | 返回页面中所有脚本的集合 |
document.strictErrorChecking | 设置或返回是否强制进行错误检查 |
document.title | 返回当前文档的标题 |
document.URL | 返回文档的完整 URL |
Document 对象中的方法
方法 | 描述 |
document.addEventListener() | 向文档中添加事件 |
document.adoptNode(node) | 从另外一个文档返回 adapded 节点到当前文档 |
document.close() | 关闭使用 document.open() 方法打开的输出流,并显示选定的数据 |
document.createAttribute() | 为指定标签添加一个属性节点 |
document.createComment() | 创建一个注释节点 |
document.createDocumentFragment() | 创建空的 DocumentFragment 对象,并返回此对象 |
document.createElement() | 创建一个元素节点 |
document.createTextNode() | 创建一个文本节点 |
document.getElementsByClassName() | 返回文档中所有具有指定类名的元素集合 |
document.getElementById() | 返回文档中具有指定 id 属性的元素 |
document.getElementsByName() | 返回具有指定 name 属性的对象集合 |
document.getElementsByTagName() | 返回具有指定标签名的对象集合 |
document.importNode() | 把一个节点从另一个文档复制到该文档以便应用 |
document.normalize() | 删除空文本节点,并合并相邻的文本节点 |
document.normalizeDocument() | 删除空文本节点,并合并相邻的节点 |
document.open() | 打开一个流,以收集来自 document.write() 或 document.writeln() 方法的输出 |
document.querySelector() | 返回文档中具有指定 CSS 选择器的第一个元素 |
document.querySelectorAll() | 返回文档中具有指定 CSS 选择器的所有元素 |
document.removeEventListener() | 移除文档中的事件句柄 |
document.renameNode() | 重命名元素或者属性节点 |
document.write() | 向文档中写入某些内容 |
document.writeln() | 等同于 write() 方法,不同的是 writeln() 方法会在末尾输出一个换行符 |
Element 对象中的属性
属性 | 描述 |
element.accessKey | 设置或返回一个访问单选按钮的快捷键 |
element.attributes | 返回一个元素的属性数组 |
element.childNodes | 返回元素的一个子节点的数组 |
element.children | 返回元素中子元素的集合 |
element.classList | 返回元素中类名组成的对象 |
element.className | 设置或返回元素的 class 属性 |
element.clientHeight | 返回内容的可视高度(不包括边框,边距或滚动条) |
element.clientWidth | 返回内容的可视宽度(不包括边框,边距或滚动条) |
element.contentEditable | 设置或返回元素的内容是否可编辑 |
element.dir | 设置或返回一个元素中的文本方向 |
element.firstChild | 返回元素中的第一个子元素 |
element.id | 设置或者返回元素的 id |
element.innerHTML | 设置或者返回元素的内容 |
element.isContentEditable | 返回元素内容是否可编辑,如果可编辑则返回 true,否则返回 false |
element.lang | 设置或者返回一个元素的语言 |
element.lastChild | 返回元素的最后一个子元素 |
element.namespaceURI | 返回命名空间的 URI |
element.nextSibling | 返回指定元素之后的兄弟元素,两个元素在 DOM 树中位于同一层级(包括文本节点、注释节点) |
element.nextElementSibling | 返回指定元素之后的兄弟元素,两个元素在 DOM 树中位于同一层级(不包括文本节点、注释节点) |
element.nodeName | 返回元素名称(大写) |
element.nodeType | 返回元素的节点类型 |
element.nodeValue | 返回元素的节点值 |
element.offsetHeight | 返回元素的高度,包括边框和内边距,但不包括外边距 |
element.offsetWidth | 返回元素的宽度,包括边框和内边距,但不包括外边距 |
element.offsetLeft | 返回元素在水平方向的偏移量 |
element.offsetParent | 返回距离该元素最近的进行过定位的父元素 |
element.offsetTop | 返回元素在垂直方向的偏移量 |
element.ownerDocument | 返回元素的根元素(文档对象) |
element.parentNode | 返回元素的父节点 |
element.previousSibling | 返回元素之前的兄弟元素,两个元素在 DOM 树中位于同一层级(包括文本节点、注释节点) |
element.previousElementSibling | 返回元素之前的兄弟元素,两个元素在 DOM 树中位于同一层级(不包括文本节点、注释节点) |
element.scrollHeight | 返回元素的完整高度(包括被滚动条隐蔽的部分) |
element.scrollLeft | 设置或返回元素滚动条距离元素左侧的距离 |
element.scrollTop | 设置或返回元素滚动条距离元素上方的距离 |
element.scrollWidth | 返回元素的完整宽度(包括被滚动条隐蔽的部分) |
element.style | 设置或返回元素的样式属性 |
element.tabIndex | 设置或返回元素的标签顺序 |
element.tagName | 以字符的形式返回元素的名称(大写) |
element.textContent | 设置或返回某个元素以及其中的文本内容 |
element.title | 设置或返回元素的 title 属性 |
element.length | 返回对象的长度 |
Element 对象中的方法
方法 | 描述 |
element.addEventListener() | 为指定元素定义事件 |
element.appendChild() | 为元素添加一个新的子元素 |
element.cloneNode() | 克隆某个元素 |
element.compareDocumentPosition() | 比较当前元素与指定元素在文档中的位置,返回值如下:
|
element.focus() | 使元素获得焦点 |
element.getAttribute() | 通过属性名称获取指定元素的属性值 |
element.getAttributeNode() | 通过属性名称获取指定元素得属性节点 |
element.getElementsByTagName() | 通过标签名获取当前元素下的所有子元素的集合 |
element.getElementsByClassName() | 通过类名获取当前元素下的子元素的集合 |
element.hasAttribute() | 判断元素是否具有指定的属性,若存在则返回 true,不存在则返回 false |
element.hasAttributes() | 判断元素是否存在任何属性,若存在则返回 true,不存在则返回 false |
element.hasChildNodes() | 判断一个元素是否具有子元素,有则返回 true,没有则返回 false |
element.hasFocus() | 判断元素是否获得了焦点 |
element.insertBefore() | 在已有子元素之前插入一个新的子元素 |
element.isDefaultNamespace() | 如果指定 namespaceURI 是默认的则返回 true,否则返回 false。 |
element.isEqualNode() | 检查两个元素是否相等 |
element.isSameNode() | 检查当前元素与指定元素是否为同一元素 |
element.isSupported() | 判断当前元素是否支持某个特性 |
element.normalize() | 合并相邻的文本节点,并删除空的文本节点 |
element.querySelector() | 根据 CSS 选择器,返回第一个匹配的元素 |
document.querySelectorAll() | 根据 CSS 选择器,返回所有匹配的元素 |
element.removeAttribute() | 从元素中删除指定的属性 |
element.removeAttributeNode() | 从元素中删除指定的属性节点 |
element.removeChild() | 删除一个子元素 |
element.removeEventListener() | 移除由 addEventListener() 方法添加的事件 |
element.replaceChild() | 替换一个子元素 |
element.setAttribute() | 设置或者修改指定属性的值 |
element.setAttributeNode() | 设置或者修改指定的属性节点 |
element.setUserData() | 在元素中为指定键值关联对象 |
element.toString() | 将元素转换成字符串 |
nodelist.item() | 返回某个元素基于文档树的索引 |
JS attributes对象(元素属性对象)
属性 / 方法 | 描述 |
attributes.isId | 如果属性是 ID 类型,则返回 true,否则返回 false |
attributes.name | 返回属性名称 |
attributes.value | 设置或者返回属性的值 |
attributes.specified | 如果定义了指定属性,则返回 true,否则返回 false |
nodemap.getNamedItem() | 从节点列表中返回的指定属性节点 |
nodemap.item() | 返回节点列表中处于指定索引号的节点 |
nodemap.length | 返回节点列表的节点数目 |
nodemap.removeNamedItem() | 删除指定属性节点 |
nodemap.setNamedItem() | 设置指定属性节点(通过名称) |
window 对象中的属性
属性 | 描述 |
closed | 返回窗口是否已被关闭 |
defaultStatus | 设置或返回窗口状态栏中的默认文本 |
document | 对 Document 对象的只读引用 |
frames | 返回窗口中所有已经命名的框架集合,集合由 Window 对象组成,每个 Window 对象在窗口中含有一个 <frame> 或 <iframe> 标签 |
history | 对 History 对象的只读引用,该对象中包含了用户在浏览器中访问过的 URL |
innerHeight | 返回浏览器窗口的高度,不包含工具栏与滚动条 |
innerWidth | 返回浏览器窗口的宽度,不包含工具栏与滚动条 |
localStorage | 在浏览器中以键值对的形式保存某些数据,保存的数据没有过期时间,会永久保存在浏览器中,直至手动删除 |
length | 返回当前窗口中 <iframe> 框架的数量 |
location | 引用窗口或框架的 Location 对象,该对象中包含当前 URL 的有关信息 |
name | 设置或返回窗口的名称 |
navigator | 对 Navigator 对象的只读引用,该对象中包含当前浏览器的有关信息 |
opener | 返回对创建此窗口的 window 对象的引用 |
outerHeight | 返回浏览器窗口的完整高度,包含工具栏与滚动条 |
outerWidth | 返回浏览器窗口的完整宽度,包含工具栏与滚动条 |
pageXOffset | 设置或返回当前页面相对于浏览器窗口左上角沿水平方向滚动的距离 |
pageYOffset | 设置或返回当前页面相对于浏览器窗口左上角沿垂直方向滚动的距离 |
parent | 返回父窗口 |
screen | 对 Screen 对象的只读引用,该对象中包含计算机屏幕的相关信息 |
screenLeft | 返回浏览器窗口相对于计算机屏幕的 X 坐标 |
screenTop | 返回浏览器窗口相对于计算机屏幕的 Y 坐标 |
screenX | 返回浏览器窗口相对于计算机屏幕的 X 坐标 |
sessionStorage | 在浏览器中以键值对的形式存储一些数据,数据会在关闭浏览器窗口或标签页之后删除 |
screenY | 返回浏览器窗口相对于计算机屏幕的 Y 坐标 |
self | 返回对 window 对象的引用 |
status | 设置窗口状态栏的文本 |
top | 返回最顶层的父窗口 |
window 对象中的方法
方法 | 描述 |
alert() | 在浏览器窗口中弹出一个提示框,提示框中有一个确认按钮 |
atob() | 解码一个 base-64 编码的字符串 |
btoa() | 创建一个 base-64 编码的字符串 |
blur() | 把键盘焦点从顶层窗口移开 |
clearInterval() | 取消由 setInterval() 方法设置的定时器 |
clearTimeout() | 取消由 setTimeout() 方法设置的定时器 |
close() | 关闭某个浏览器窗口 |
confirm() | 在浏览器中弹出一个对话框,对话框带有一个确认按钮和一个取消按钮 |
createPopup() | 创建一个弹出窗口,注意:只有 IE 浏览器支持该方法 |
focus() | 使一个窗口获得焦点 |
getSelection() | 返回一个 Selection 对象,对象中包含用户选中的文本或光标当前的位置 |
getComputedStyle() | 获取指定元素的 CSS 样式 |
matchMedia() | 返回一个 MediaQueryList 对象,表示指定的媒体查询解析后的结果 |
moveBy() | 将浏览器窗口移动指定的像素 |
moveTo() | 将浏览器窗口移动到一个指定的坐标 |
open() | 打开一个新的浏览器窗口或查找一个已命名的窗口 |
print() | 打印当前窗口的内容 |
prompt() | 显示一个可供用户输入的对话框 |
resizeBy() | 按照指定的像素调整窗口的大小,即将窗口的尺寸增加或减少指定的像素 |
resizeTo() | 将窗口的大小调整到指定的宽度和高度 |
scroll() | 已废弃。您可以使用 scrollTo() 方法来替代 |
scrollBy() | 将窗口的内容滚动指定的像素 |
scrollTo() | 将窗口的内容滚动到指定的坐标 |
setInterval() | 创建一个定时器,按照指定的时长(以毫秒计)来不断调用指定的函数或表达式 |
setTimeout() | 创建一个定时器,在经过指定的时长(以毫秒计)后调用指定函数或表达式,只执行一次 |
stop() | 停止页面载入 |
postMessage() | 安全地实现跨源通信 |
navigator 对象中的属性
属性 | 描述 |
appCodeName | 返回当前浏览器的内部名称(开发代号) |
appName | 返回浏览器的官方名称 |
appVersion | 返回浏览器的平台和版本信息 |
cookieEnabled | 返回浏览器是否启用 cookie,启用返回 true,禁用返回 false |
onLine | 返回浏览器是否联网,联网则返回 true,断网则返回 false |
platform | 返回浏览器运行的操作系统平台 |
userAgent | 返回浏览器的厂商和版本信息,即浏览器运行的操作系统、浏览器的版本、名称 |
navigator 对象中的方法
方法 | 描述 |
javaEnabled() | 返回浏览器是否支持运行 Java Applet 小程序,支持则返回 true,不支持则返回 false |
sendBeacon() | 向浏览器异步传输少量数据 |
location 对象中的属性
属性 | 描述 |
hash | 返回一个 URL 中锚的部分,例如:http://c.biancheng.net#js 中的 #js。 |
host | 返回一个 URL 的主机名和端口号,例如 http://c.biancheng.net:8080。 |
hostname | 返回一个 URL 的主机名,例如 http://c.biancheng.net。 |
href | 返回一个完整的 URL,例如 http://c.biancheng.net/javascript/location-object.html。 |
pathname | 返回一个 URL 中的路径部分,开头有个/。 |
port | 返回一个 URL 中的端口号,如果 URL 中不包含明确的端口号,则返回一个空字符串' '。 |
protocol | 返回一个 URL 协议,即 URL 中冒号:及其之前的部分,例如 http: 和 https:。 |
search | 返回一个 URL 中的查询部分,即 URL 中?及其之后的一系列查询参数。 |
location 对象中的方法
方法 | 说明 |
assign() | 加载指定的 URL,即载入指定的文档。 |
reload() | 重新加载当前 URL。 |
replace() | 用指定 URL 替换当前的文档,与 assign() 方法不同的是,使用 replace() 替换的新页面不会保存在浏览历史中,用户不能使用后退来返回该页面。 |
toString() | 与 href 属性的效果相同,以字符串的形式返回当前完整的 URL。 |
history 对象中的属性
属性 | 说明 |
length | 返回浏览历史的数目,包含当前已经加载的页面。 |
scrollRestoration | 利用浏览器特性,使我们在返回上一页或者下一页时,将页面滚动到之前浏览的位置,该属性有两个值,分别是 auto(表示滚动)与 manual(表示不滚动)。 |
state | 返回浏览器在当前 URL 下的状态信息,如果没有调用过 pushState() 或 replaceState() 方法,则返回默认值 null。 |
history 对象中的方法
下表中列举了 JavaScript history 对象中常用的方法及其描述:
方法 | 说明 |
back() | 参照当前页面,返回历史记录中的上一条记录(即返回上一页),您也可以通过点击浏览器工具栏中的←按钮来实现同样的效果。 |
forward() | 参照当前页面,前往历史记录中的下一条记录(即前进到下一页),您也可以通过点击浏览器工具栏中的→按钮来实现同样的效果。 |
go() | 参照当前页面,根据给定参数,打开指定的历史记录,例如 -1 表示返回上一页,1 表示返回下一页。 |
pushState() | 向浏览器的历史记录中插入一条新的历史记录。 |
replaceState() | 使用指定的数据、名称和 URL 来替换当前历史记录。 |