Document、Location、Window对象一览表

时间:2021-07-12
本文章向大家介绍Document、Location、Window对象一览表,主要包括Document、Location、Window对象一览表使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

Document对象

名称 说明 返回
activeElement 返回代表文档中当前获得焦点元素的对象 HTMLElement
body 返回代表文档中body元素的对象 HTMLElement
characterSet 返回文档的字符集编码。这是一个只读属性 字符串
charset 获取或设置文档的字符集编码 字符串
childNodes 返回子元素的集合 HTMLElement[]
compatMode 获取文档的兼容性模式 字符串
cookie 获取或设置当前文档的cookie 字符串
defaultCharset 获取浏览器所使用的默认字符编码 字符串
defaultView 返回当前文档的Window对象。关于这个对象的详情请参见第26章 Window
dir 获取或设置文档的文本方向 字符串
domain 获取或设置当前文档的域名 字符串
embeds plugins 返回所有代表文档中embed元素的对象 HTMLCollection
firstChild 返回某个元素的第一个子元素 HTMLElement
forms 返回所有代表文档中form元素的对象 HTMLCollection
getElementById(<id>) 返回带有指定id值的元素 HTMLElement
getElementsByClassName() 返回带有指定class值的元素 HTMLElement[]
getElementsByName() 返回带有指定name值的元素 HTMLElement[]
getElementsByTagName() 返回带有指定类型的元素 HTMLElement[]
hasChildNodes() 如果当前元素有子元素则返回true 布尔值
head 返回代表head元素的对象 HTMLHeadElement
images 返回所有代表img元素的对象 HTMLCollection
implementation 提供关于DOM可用功能的信息 DOMImplementation
lastChild 返回最后一个子元素 HTMLElement
lastModified 返回文档的最后修改时间 字符串
links 返回所有代表文档中具备href属性的aarea元素的对象 HTMLCollection
location 提供关于当前文档URL的信息 Location
nextSibling 返回位于当前元素之后的兄弟元素 HTMLElement
parentNode 返回父元素 HTMLElement
previousSibling 返回位于当前元素之前的兄弟元素 HTMLElement
querySelector() 返回匹配特定CSS选择器的第一个元素 HTMLElement
querySelectorAll() 返回匹配特定CSS选择器的所有元素 HTMLElement[]
readyState 返回当前文档的状态 字符串
referrer 返回链接到当前文档的文档URL(它是对应HTTP标头的值) 字符串
scripts 返回所有代表script元素的对象 HTMLCollection
title 获取或设置当前文档的标题 字符串

Location对象

名称 说明 返回
assign() 导航到指定的URL上 void
hash 获取或设置文档URL的锚(井号串)部分 字符串
host 获取或设置文档URL的主机名和端口号部分 字符串
hostname 获取或设置文档URL的主机名部分 字符串
href 获取或设置文档URL的主机名部分 字符串
pathname 获取或设置文档URL的路径部分 字符串
port 获取或设置文档URL的端口号部分 字符串
protocol 获取或设置文档URL的协议部分 字符串
reload() 重新加载当前文档 void
replace() 清除当前文档并导航至URL所指定的新文档 void
resolveURL() 将指定的相对URL解析为绝对URL 字符串
search 获取或设置文档URL的查询(问号串)部分 字符串

Window对象

名称 说明 返回
alert() 向用户显示一个对话框窗口并等候其被关闭 void
blur() 让窗口失去键盘焦点 void
clearInterval() 撤销某个时间间隔计时器 void
clearTimeout() 撤销某个超时计时器 void
close() 关闭窗口 void
confirm() 显示一个带有确认和取消提示的对话框窗口 布尔值
defaultView 返回活动文档的Window Window
document 返回与此窗口关联的Document对象 Document
focus() 让窗口获得键盘焦点 void
frames 返回文档内嵌iframe元素的Window对象数组 Window[]
history 提供对浏览器历史的访问 History
innerHeight 获取窗口内容区域的高度 数值
innerWidth 获取窗口内容区域的宽度 数值
length 返回文档内嵌的iframe元素数量 数值
location 提供当前文档地址的详细信息 Location
opener 返回打开当前浏览器上下文环境Window Window
outerHeight 获取窗口的高度,包括边框和菜单栏等 数值
outerWidth 获取窗口的宽度,包括边框和菜单栏等 数值
pageXOffset 获取窗口从左上角算起水平滚动过的像素数 数值
pageYOffset 获取窗口从左上角算起垂直滚动过的像素数 数值
parent 返回当前Window的父Window Window
postMessage(, ) 给另一个文档发送消息 void
print() 提示用户打印页面 void
prompt(, ) 显示对话框提示用户输入一个值 字符串
screen 返回一个描述屏幕的Screen对象 Screen
screenLeft screenX 获取从窗口左边缘到屏幕左边缘的像素数 数值
screenTop screenY 获取从窗口上边缘到屏幕上边缘的像素数 数值
scrollBy(, ) 让文档相对其当前位置进行滚动 void
scrollTo(, ) 滚动到指定的位置 void
self 返回当前文档的Window Window
setInterval(, 创建一个计时器,每隔time毫秒调用指定的函数 整数
setTimeout(, 创建一个计时器,等待time毫秒后调用指定的函数 整数
showModalDialog(<url>) 弹出一个窗口,显示指定的URL void
stop() 停止载入文档 void
top 返回最上层的Window Window

History对象

名称 说明 返回
back() 在浏览历史里后退一步 void
forward() 在浏览历史里前进一步 void
go() 转到相对于当前文档的某个浏览历史位置。正值是前进,负值是后退 void
length 返回浏览历史里的项目数量 数值
pushState() 向浏览器历史添加一个条目 void
replaceState() 替换浏览器历史中的当前条目 void
state 返回浏览器历史里关联当前文档的状态数据 对象

Screen对象

名称 说明 返回
availHeight 返回屏幕上可供显示窗口部分的高度(排除工具栏之类) 数值
availWidth 返回屏幕上可供显示窗口部分的宽度(排除工具栏之类) 数值
colorDepth 返回屏幕的颜色深度 数值
height 返回屏幕的高度 数值
width 返回屏幕的宽度 数值

DOM的事件

名称 说明
blur 在元素失去焦点时触发
click 在按下鼠标按钮后释放时触发
dblclick 在两次按下鼠标按钮并释放时触发
focus 在元素获得键盘焦点时触发
focusin 在元素即将获得键盘焦点时触发
focusout 在元素即将失去键盘焦点时触发
keydown 在用户按下某个键时触发
keypress 在用户按下某个键并释放时触发
keyup 在用户释放某个键时触发
mousedown 在鼠标按钮被按下时触发
mouseenter 在光标移入元素或其下属元素所占据的屏幕区域时触发
mouseleave 在光标移出元素及其所有下属元素所占据的屏幕区域时触发
mousemove 在光标位于元素上方并移动时触发
mouseout mouseleave相似,区别是当光标还在下属元素上方时此事件也会被触发
mouseover mouseenter相似,区别是当光标还在下属元素上方时此事件也会被触发
mouseup 在鼠标按钮被释放时触发
onabort 在文档或资源的加载过程被中止时触发
onafterprint 在用户打印文档后触发
onbeforeprint 在调用Window.print()方法之后,向用户呈现打印选项之前触发
onerror 在文档或资源载入出错时触发
onhashchange 在地址的锚(井号串)部分变动时触发
onload 在文档或资源载入完成时触发
onpopstate 触发时会提供一个关联浏览器历史的状态对象。
onresize 在窗口大小改变时触发
onunload 在文档从窗口或浏览器中卸载时触发
readystatechange readyState属性的值改变时触发
reset 在某张表单被重置时触发
submit 在某张表单被提交时触发

原文地址:https://www.cnblogs.com/lijunda0523/p/15000869.html