DOM Attr 对象

  

属性 / 方法描述
attr.isId如果属性是 id 类型,则返回 true,否则返回 false。
attr.name返回属性的名称。
attr.value设置或返回属性的值。
attr.specified如果已指定属性,则返回 true,否则返回 false。
nodemap.getNamedItem()从 NamedNodeMap 返回指定的属性节点。
nodemap.item()返回 NamedNodeMap 中位于指定下标的节点。
nodemap.length返回 NamedNodeMap 中的节点数。
nodemap.removeNamedItem()移除指定的属性节点。
nodemap.setNamedItem()设置指定的属性节点(通过名称)。

Document 对象集合

集合描述
all[]提供对文档中所有 HTML 元素的访问。
anchors[]返回对文档中所有 Anchor 对象的引用。
applets返回对文档中所有 Applet 对象的引用。
forms[]返回对文档中所有 Form 对象引用。
images[]返回对文档中所有 Image 对象引用。
links[]返回对文档中所有 Area 和 Link 对象引用。

Document 对象属性

属性描述
body

提供对 <body> 元素的直接访问。

对于定义了框架集的文档,该属性引用最外层的 <frameset>。

cookie设置或返回与当前文档有关的所有 cookie。
domain返回当前文档的域名。
lastModified返回文档被最后修改的日期和时间。
referrer返回载入当前文档的文档的 URL。
title返回当前文档的标题。
URL返回当前文档的 URL。

Document 对象方法

方法描述
close()关闭用 document.open() 方法打开的输出流,并显示选定的数据。
getElementById()返回对拥有指定 id 的第一个对象的引用。
getElementsByName()返回带有指定名称的对象集合。
getElementsByTagName()返回带有指定标签名的对象集合。
open()打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。
write()向文档写 HTML 表达式 或 JavaScript 代码。
writeln()等同于 write() 方法,不同的是在每个表达式之后写一个换行符。

Element 对象

属性和方法

下面的属性和方法可用于所有 HTML 元素上:

属性 / 方法描述
element.accessKey设置或返回元素的快捷键。
addEventListener()将事件处理程序附加到元素。
element.appendChild()向元素添加新的子节点,作为最后一个子节点。
element.attributes返回元素属性的 NamedNodeMap。
element.childNodes返回元素子节点的 NodeList。
element.className设置或返回元素的 class 属性。
element.clientHeight返回元素的可见高度。
element.clientWidth返回元素的可见宽度。
element.cloneNode()克隆元素。
element.compareDocumentPosition()比较两个元素的文档位置。
element.contentEditable设置或返回元素的内容是否可编辑。
element.dir设置或返回元素的文本方向。
element.firstChild返回元素的首个子。
element.getAttribute()返回元素节点的指定属性值。
element.getAttributeNode()返回指定的属性节点。
element.getElementsByTagName()返回拥有指定标签名的所有子元素的集合。
element.getFeature()返回实现了指定特性的 API 的某个对象。
element.getUserData()返回关联元素上键的对象。
element.hasAttribute()如果元素拥有指定属性,则返回true,否则返回 false。
element.hasAttributes()如果元素拥有属性,则返回 true,否则返回 false。
element.hasChildNodes()如果元素拥有子节点,则返回 true,否则 false。
element.id设置或返回元素的 id。
element.innerHTML设置或返回元素的内容。
element.insertBefore()在指定的已有的子节点之前插入新节点。
element.isContentEditable设置或返回元素的内容。
element.isDefaultNamespace()如果指定的 namespaceURI 是默认的,则返回 true,否则返回 false。
element.isEqualNode()检查两个元素是否相等。
element.isSameNode()检查两个元素是否是相同的节点。
element.isSupported()如果元素支持指定特性,则返回 true。
element.lang设置或返回元素的语言代码。
element.lastChild返回元素的最后一个子元素。
element.namespaceURI返回元素的 namespace URI。
element.nextSibling返回位于相同节点树层级的下一个节点。
element.nodeName返回元素的名称。
element.nodeType返回元素的节点类型。
element.nodeValue设置或返回元素值。
element.normalize()合并元素中相邻的文本节点,并移除空的文本节点。
element.offsetHeight返回元素的高度。
element.offsetWidth返回元素的宽度。
element.offsetLeft返回元素的水平偏移位置。
element.offsetParent返回元素的偏移容器。
element.offsetTop返回元素的垂直偏移位置。
element.ownerDocument返回元素的根元素(文档对象)。
element.parentNode返回元素的父节点。
element.previousSibling返回位于相同节点树层级的前一个元素。
element.removeAttribute()从元素中移除指定属性。
element.removeAttributeNode()移除指定的属性节点,并返回被移除的节点。
element.removeChild()从元素中移除子节点。
element.replaceChild()替换元素中的子节点。
element.scrollHeight返回元素的整体高度。
element.scrollLeft返回元素左边缘与视图之间的距离。
element.scrollTop返回元素上边缘与视图之间的距离。
element.scrollWidth返回元素的整体宽度。
element.setAttribute()把指定属性设置或更改为指定值。
element.setAttributeNode()设置或更改指定属性节点。
element.setIdAttribute()
element.setIdAttributeNode()
element.setUserData()把对象关联到元素上的键。
element.style设置或返回元素的 style 属性。
element.tabIndex设置或返回元素的 tab 键控制次序。
element.tagName返回元素的标签名。
element.textContent设置或返回节点及其后代的文本内容。
element.title设置或返回元素的 title 属性。
element.toString()把元素转换为字符串。
nodelist.item()返回 NodeList 中位于指定下标的节点。
nodelist.length返回 NodeList 中的节点数。
事件描述属于
abort媒体加载中止时发生该事件。
afterprint当页面开始打印时,或者关闭打印对话框时,发生此事件。Event
animationendCSS 动画完成时发生此事件。AnimationEvent
animationiteration重复 CSS 动画时发生此事件。AnimationEvent
animationstartCSS 动画开始时发生此事件。AnimationEvent
beforeprint即将打印页面时发生此事件。Event
beforeunload在文档即将被卸载之前发生此事件。
blur当元素失去焦点时发生此事件。FocusEvent
canplay当浏览器可以开始播放媒体时,发生此事件。Event
canplaythrough当浏览器可以在不停止缓冲的情况下播放媒体时发生此事件。Event
change当form元素的内容、选择的内容或选中的状态发生改变时,发生此事件Event
click当用户单击元素时发生此事件。MouseEvent
contextmenu当用户右键单击某个元素以打开上下文菜单时,发生此事件。MouseEvent
copy当用户复制元素的内容时发生此事件。ClipboardEvent
cut当用户剪切元素的内容时发生此事件。ClipboardEvent
dblclick当用户双击元素时发生此事件。MouseEvent
drag拖动元素时发生此事件。DragEvent
dragend当用户完成拖动元素后,发生此事件。DragEvent
dragenter当拖动的元素进入放置目标时,发生此事件。DragEvent
dragleave当拖动的元素离开放置目标时,发生此事件。DragEvent
dragover当拖动的元素位于放置目标之上时,发生此事件。DragEvent
dragstart当用户开始拖动元素时发生此事件。DragEvent
drop当将拖动的元素放置在放置目标上时,发生此事件。DragEvent
durationchange媒体时长改变时发生此事件。Event
ended在媒体播放到尽头时发生此事件。Event
error当加载外部文件时发生错误后,发生此事件。
focus在元素获得焦点时发生此事件。FocusEvent
focusin在元素即将获得焦点时发生此事件。FocusEvent
focusout在元素即将失去焦点时发生此事件。FocusEvent
fullscreenchange当元素以全屏模式显示时,发生此事件。Event
fullscreenerror当元素无法在全屏模式下显示时,发生此事件。Event
hashchange当 URL 的锚部分发生改变时,发生此事件。HashChangeEvent
input当元素获得用户输入时,发生此事件。
invalid当元素无效时,发生此事件。Event
keydown当用户正在按下键时,发生此事件。KeyboardEvent
keypress当用户按下键时,发生此事件。KeyboardEvent
keyup当用户松开键时,发生此事件。KeyboardEvent
load在对象已加载时,发生此事件。
loadeddata媒体数据加载后,发生此事件。Event
loadedmetadata加载元数据(比如尺寸和持续时间)时,发生此事件。Event
loadstart当浏览器开始查找指定的媒体时,发生此事件。ProgressEvent
message在通过此事件源接收消息时,发生此事件。Event
mousedown当用户在元素上按下鼠标按钮时,发生此事件。MouseEvent
mouseenter当指针移动到元素上时,发生此事件。MouseEvent
mouseleave当指针从元素上移出时,发生此事件。MouseEvent
mousemove当指针在元素上方移动时,发生此事件。MouseEvent
mouseout当用户将鼠标指针移出元素或其中的子元素时,发生此事件。MouseEvent
mouseover当指针移动到元素或其中的子元素上时,发生此事件。MouseEvent
mouseup当用户在元素上释放鼠标按钮时,发生此事件。MouseEvent
mousewheel不推荐使用。请改用 wheel 事件。WheelEvent
offline当浏览器开始脱机工作时,发生此事件。Event
online当浏览器开始在线工作时,发生此事件。Event
open当打开与事件源的连接时,发生此事件。Event
pagehide当用户离开某张网页进行导航时,发生此事件。PageTransitionEvent
pageshow在用户导航到某张网页时,发生此事件。PageTransitionEvent
paste当用户将一些内容粘贴到元素中时,发生此事件。ClipboardEvent
pause当媒体被用户暂停或以编程方式暂停时,发生此事件。Event
play当媒体已启动或不再暂停时,发生此事件。Event
playing在媒体被暂停或停止以缓冲后播放时,发生此事件。Event
popstate窗口的历史记录改变时,发生此事件。PopStateEvent
progress当浏览器正处于获得媒体数据的过程中时,发生此事件。Event
ratechange媒体播放速度改变时发生此事件。Event
reset重置表单时发生此事件。Event
resize调整文档视图的大小时发生此事件。
scroll滚动元素的滚动条时发生此事件。
search当用户在搜索字段中输入内容时,发生此事件。Event
seeked当用户完成移动/跳到媒体中的新位置时,发生该事件。Event
seeking当用户开始移动/跳到媒体中的新位置时,发生该事件。Event
select用户选择文本后(对于<input>和<textarea>)发生此事件
show当 <menu> 元素显示为上下文菜单时,发生此事件。Event
stalled当浏览器尝试获取媒体数据但数据不可用时,发生此事件。Event
storageWeb 存储区域更新时发生此事件。StorageEvent
submit在提交表单时发生此事件。Event
suspend当浏览器有意不获取媒体数据时,发生此事件。Event
timeupdate当播放位置更改时发生此事件。Event
toggle当用户打开或关闭 <details> 元素时,发生此事件。Event
touchcancel在触摸被中断时,发生此事件。TouchEvent
touchend当手指从触摸屏上移开时,发生此事件。TouchEvent
touchmove当手指在屏幕上拖动时,发生此事件。TouchEvent
touchstart当手指放在触摸屏上时,发生此事件。TouchEvent
transitionendCSS 转换完成时,发生此事件。TransitionEvent
unload页面卸载后(对于 <body>),发生此事件。
volumechange当媒体的音量已更改时,发生此事件。Event
waiting当媒体已暂停但预期会恢复时,发生此事件。Event
wheel当鼠标滚轮在元素向上或向下滚动时,发生此事件。WheelEvent

HTML DOM 事件属性和方法

属性/方法描述属于
altKey返回触发鼠标事件时是否按下了 "ALT" 键。MouseEvent
altKey返回触发按键事件时是否按下了 "ALT" 键。
animationName返回动画的名称。AnimationEvent
bubbles返回特定事件是否为冒泡事件。Event
button返回触发鼠标事件时按下的鼠标按钮。MouseEvent
buttons返回触发鼠标事件时按下的鼠标按钮。MouseEvent
cancelBubble设置或返回事件是否应该向上层级进行传播。
cancelable返回事件是否可以阻止其默认操作。Event
changeTouches返回在上一触摸与该触摸之间其状态已更改的所有触摸对象的列表TouchEvent
charCode返回触发 onkeypress 事件的键的 Unicode 字符代码。KeyboardEvent
clientX返回触发鼠标事件时,鼠标指针相对于当前窗口的水平坐标。
clientY返回触发鼠标事件时,鼠标指针相对于当前窗口的垂直坐标。
clipboardData返回对象,其中包含受剪贴板操作影响的数据。ClipboardData
code返回触发事件的键的代码。KeyboardEvent
composed指示该事件是否可以从 Shadow DOM 传递到一般的 DOM。Event
composedPath()返回事件的路径。
createEvent()创建新事件。Event
ctrlKey返回触发鼠标事件时是否按下了 "CTRL" 键。MouseEvent
ctrlKey返回按键鼠标事件时是否按下了 "CTRL" 键。
currentTarget返回其事件侦听器触发事件的元素。Event
data返回插入的字符。InputEvent
dataTransfer返回一个对象,其中包含被拖放或插入/删除的数据。
defaultPrevented返回是否为事件调用 preventDefault() 方法。Event
deltaX返回鼠标滚轮的水平滚动量(x 轴)。WheelEvent
deltaY返回鼠标滚轮的垂直滚动量(y 轴)。WheelEvent
deltaZ返回鼠标滚轮的 Z 轴滚动量。WheelEvent
deltaMode返回数字,代表增量值(像素、线或页面)的度量单位。WheelEvent
detail返回数字,指示鼠标被单击了多少次。UiEvent
elapsedTime返回动画已运行的秒数。AnimationEvent
elapsedTime返回过渡已运行的秒数。
eventPhase返回当前正在评估事件流处于哪个阶段。Event
getModifierState()返回包含目标范围的数组,此范围将受到插入/删除的影响。MouseEvent
getTargetRanges()返回包含目标范围的数组,此范围将受到插入/删除的影响。InputEvent
inputType返回更改的类型(即 "inserting" 或 "deleting")。InputEvent
isComposing返回事件的状态是否正在构成。
isTrusted返回事件是否受信任。Event
key返回事件表示的键的键值。KeyboardEvent
key返回更改后的存储项的键。StorageEvent
keyCode返回触发 onkeypress、onkeydown 或 onkeyup 事件的键的 Unicode 字符代码。KeyboardEvent
location返回键盘或设备上按键的位置。KeyboardEvent
lengthComputable返回进度的长度是否可计算。ProgressEvent
loaded返回已加载的工作量。ProgressEvent
metaKey返回事件触发时是否按下了 "META" 键。MouseEvent
metaKey返回按键事件触发时是否按下了 "META" 键。
MovementX返回相对于上一 mousemove 事件的位置的鼠标指针的水平坐标MouseEvent
MovementY返回相对于上一 mousemove 事件的位置的鼠标指针的垂直坐标MouseEvent
newURL返回更改 hash 后的文档 URL。HasChangeEvent
newValue返回更改后的存储项目的新值。StorageEvent
offsetX返回鼠标指针相对于目标元素边缘位置的水平坐标。MouseEvent
offsetY返回鼠标指针相对于目标元素边缘位置的垂直坐标。MouseEvent
oldURL返回更改 hash 前的文档 URL。HasChangeEvent
oldValue返回更改后的存储项目的旧值。StorageEvent
onemptied当发生不良情况且媒体文件突然不可用时,发生此事件。
pageX返回触发鼠标事件时鼠标指针相对于文档的水平坐标。MouseEvent
pageY返回触发鼠标事件时鼠标指针相对于文档的垂直坐标。MouseEvent
persisted返回网页是否被浏览器缓存。PageTransitionEvent
preventDefault()如果可以取消事件,则将其取消,不执行属于该事件的默认操作。Event
propertyName返回与动画或过渡相关联的 CSS 属性的名称。
pseudoElement返回动画或过渡的伪元素的名称。
region
MouseEvent
relatedTarget返回与触发鼠标事件的元素相关的元素。MouseEvent
relatedTarget返回与触发事件的元素相关的元素。FocusEvent
repeat返回是否重复按住某个键。KeyboardEvent
screenX返回窗口/鼠标指针相对于屏幕的水平坐标。MouseEvent
screenY返回窗口/鼠标指针相对于屏幕的垂直坐标。MouseEvent
shiftKey返回事件触发时是否按下了 "SHIFT" 键。MouseEvent
shiftKey返回按键事件触发时是否按下了 "SHIFT" 键。
state返回包含历史记录条目副本的对象。PopStateEvent
stopImme...()防止同一事件的其他侦听器被调用。Event
stopPropagation()防止事件在事件流中进一步传播。Event
storageArea返回代表受影响的存储对象的对象。StorageEvent
target返回触发事件的元素。Event
targetTouches返回包含仍与触摸面接触的所有触摸点的Touch对象的TouchList列表TouchEvent
timeStamp返回创建事件的时间(相对于纪元的毫秒数)。Event
total返回将要加载的工作总量。ProgressEvent
touches返回当前与表面接触的所有 touch 对象的列表。TouchEvent
type返回事件名称。Event
url返回已更改项目的所在文档的 URL。StorageEvent
which返回触发鼠标事件时按下的鼠标按钮。MouseEvent
which返回触发 onkeypress 事件的键的 Unicode 字符码,或触发 onkeydown 或 onkeyup 事件的键的 Unicode 键码KeyboardEvent
view返回对发生事件的 Window 对象的引用。UiEvent

其他事件对象

这些是最常见的事件对象:

Event 对象描述
AnimationEvent针对 CSS 动画
ClipboardEvent针对剪贴板的修改
DragEvent针对拖放交互
FocusEvent针对与焦点有关的事件
HashChangeEvent针对 URL 锚点部分的更改
InputEvent针对用户输入
KeyboardEvent针对键盘交互
MouseEvent针对鼠标交互
PageTransitionEvent针对导航到网页或离开网页
PopStateEvent针对历史记录条目中的更改
ProgressEvent针对加载外部资源的进度
StorageEvent针对窗口的存储区域中的更改
TouchEvent针对触摸交互
TransitionEvent针对 CSS 过渡
UiEvent针对用户界面交互
WheelEvent针对鼠标滚轮交互

HTMLCollection 对象

可以在 HTMLCollection 对象上使用以下属性和方法:

属性 / 方法描述
item()返回 HTMLCollection 中指定索引处的元素。
length返回 HTMLCollection 中的元素数。
namedItem()返回 HTMLCollection 中有指定 ID 或名称的元素。

Location 对象

Location 对象属性

属性描述
hash设置或返回从井号 (#) 开始的 URL(锚)。
host设置或返回主机名和当前 URL 的端口号。
hostname设置或返回当前 URL 的主机名。
href设置或返回完整的 URL。
pathname设置或返回当前 URL 的路径部分。
port设置或返回当前 URL 的端口号。
protocol设置或返回当前 URL 的协议。
search设置或返回从问号 (?) 开始的 URL(查询部分)。

Location 对象方法

属性描述
assign()加载新的文档。
reload()重新加载当前文档。
replace()用新的文档替换当前文档。

Navigator 对象

Navigator 对象集合

集合描述
plugins[]

返回对文档中所有嵌入式对象的引用。

该集合是一个 Plugin 对象的数组,其中的元素代表浏览器已经安装的插件。Plug-in 对象提供的是有关插件的信息,其中包括它所支持的 MIME 类型的列表。

虽然 plugins[] 数组是由 IE 4 定义的,但是在 IE 4 中它却总是空的,因为 IE 4 不支持插件和 Plugin 对象。

Navigator 对象属性

属性描述
appCodeName返回浏览器的代码名。
appMinorVersion返回浏览器的次级版本。
appName返回浏览器的名称。
appVersion返回浏览器的平台和版本信息。
browserLanguage返回当前浏览器的语言。
cookieEnabled返回指明浏览器中是否启用 cookie 的布尔值。
cpuClass返回浏览器系统的 CPU 等级。
onLine返回指明系统是否处于脱机模式的布尔值。
platform返回运行浏览器的操作系统平台。
systemLanguage返回 OS 使用的默认语言。
userAgent返回由客户机发送服务器的 user-agent 头部的值。
userLanguage返回 OS 的自然语言设置。

Navigator 对象方法

方法描述
javaEnabled()规定浏览器是否启用 Java。
taintEnabled()规定浏览器是否启用数据污点 (data tainting)。

Screen 对象

属性描述
availHeight返回显示屏幕的高度 (除 Windows 任务栏之外)。
availWidth返回显示屏幕的宽度 (除 Windows 任务栏之外)。
bufferDepth设置或返回调色板的比特深度。
colorDepth返回目标设备或缓冲器上的调色板的比特深度。
deviceXDPI返回显示屏幕的每英寸水平点数。
deviceYDPI返回显示屏幕的每英寸垂直点数。
fontSmoothingEnabled返回用户是否在显示控制面板中启用了字体平滑。
height返回显示屏幕的高度。
logicalXDPI返回显示屏幕每英寸的水平方向的常规点数。
logicalYDPI返回显示屏幕每英寸的垂直方向的常规点数。
pixelDepth返回显示屏幕的颜色分辨率(比特每像素)。
updateInterval设置或返回屏幕的刷新率。
width返回显示器屏幕的宽度。

Window 对象

Window 对象集合

集合描述
frames[]

返回窗口中所有命名的框架。

该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 <iframe>。属性 frames.length 存放数组 frames[] 中含有的元素个数。注意,frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数组。

Window 对象属性

属性描述
closed返回窗口是否已被关闭。
defaultStatus设置或返回窗口状态栏中的默认文本。
document对 Document 对象的只读引用。请参阅 Document 对象
history对 History 对象的只读引用。请参数 History 对象
innerheight返回窗口的文档显示区的高度。
innerwidth返回窗口的文档显示区的宽度。
length设置或返回窗口中的框架数量。
location用于窗口或框架的 Location 对象。请参阅 Location 对象
name设置或返回窗口的名称。
Navigator对 Navigator 对象的只读引用。请参数 Navigator 对象
opener返回对创建此窗口的窗口的引用。
outerheight返回窗口的外部高度。
outerwidth返回窗口的外部宽度。
pageXOffset设置或返回当前页面相对于窗口显示区左上角的 X 位置。
pageYOffset设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
parent返回父窗口。
Screen对 Screen 对象的只读引用。请参数 Screen 对象
self返回对当前窗口的引用。等价于 Window 属性。
status设置窗口状态栏的文本。
top返回最顶层的先辈窗口。
windowwindow 属性等价于 self 属性,它包含了对窗口自身的引用。
  • screenLeft

  • screenTop

  • screenX

  • screenY

只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。

Window 对象方法

方法描述
alert()显示带有一段消息和一个确认按钮的警告框。
blur()把键盘焦点从顶层窗口移开。
clearInterval()取消由 setInterval() 设置的 timeout。
clearTimeout()取消由 setTimeout() 方法设置的 timeout。
close()关闭浏览器窗口。
confirm()显示带有一段消息以及确认按钮和取消按钮的对话框。
createPopup()创建一个 pop-up 窗口。
focus()把键盘焦点给予一个窗口。
moveBy()可相对窗口的当前坐标把它移动指定的像素。
moveTo()把窗口的左上角移动到一个指定的坐标。
open()打开一个新的浏览器窗口或查找一个已命名的窗口。
print()打印当前窗口的内容。
prompt()显示可提示用户输入的对话框。
resizeBy()按照指定的像素调整窗口的大小。
resizeTo()把窗口的大小调整到指定的宽度和高度。
scrollBy()按照指定的像素值来滚动内容。
scrollTo()把内容滚动到指定的坐标。
setInterval()按照指定的周期(以毫秒计)来调用函数或计算表达式。
setTimeout()在指定的毫秒数后调用函数或计算表达式。


相关推荐

给html元素添加事件 addEventListener()用法 dom对象

添加事件使用 addEventListener('事件',函数)解绑事件使用 removeEventListener('事件',函数)<style> spa

style对象全部属性

fontFamilyfontStylefontVariantfontWeightfontSizefontcolorbackgroundbackgroundColorbackgroundImagebac

JavaScript Array数组对象

Array 对象所有属性:constructor 属性|length 属性|prototype 属性所有方法concat() 方法合并多个数组,返回一个新数组join() 方法将数组合并为字符串,用指

JavaScript 的prototype属性 可用于给对象添加新的自定义方法

所有 JScript 固有对象都有只读的 prototype 属性。可以象该例中那样为原型添加功能,但该对象不能被赋予不同的原型。然而,用户定义的对象可以被赋给新的原型。本语言参考中每个内部对象的方法