js内置对象属性方法整理

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()

比较当前元素与指定元素在文档中的位置,返回值如下:

  • 1:表示两个元素没有关系,不属于同一文档;

  • 2:表示当前元素在指定元素之后;

  • 4:当前元素在指定元素之前;

  • 8:当前元素在指定元素之内;

  • 16:指定元素在当前元素之内;

  • 32:两个元素没有关系,或者它们是同一元素的两个属性。

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 来替换当前历史记录。

引自http://c.biancheng.net/view/9367.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值