【javascript】javascript原生事件句柄、BOM、DOM对象属性方法总结

为方便平时的使用,把 JavaScript 所有原生事件句柄、BOM 对象属性和方法、DOM 对象属性和方法总结到此博客,如有漏缺请留言告知。

句柄/属性/方法类型说明
onabort事件句柄图像加载被中断
onblur事件句柄元素失去焦点
onfocus事件句柄元素获得焦点
onchange事件句柄用户改变域的内容
onclick事件句柄鼠标点击某个对象
ondblclick事件句柄鼠标双击某个对象
onerror事件句柄当加载文档或图像时发生某个错误
onkeydown事件句柄某个键盘的键被按下
onkeypress事件句柄某个键盘的键被按下或按住
onkeyup事件句柄某个键盘的键被松开
onload事件句柄某个页面或图像被完成加载
onunload事件句柄用户退出页面
onmousedown事件句柄某个鼠标按键被按下
onmouseup事件句柄某个鼠标按键被松开
onmousemove事件句柄鼠标被移动
onmouseover事件句柄鼠标被移到某元素之上
onmouseout事件句柄鼠标从某元素移开
onselect事件句柄文本被选定
onreset事件句柄重置按钮被点击
onsubmit事件句柄提交按钮被点击
onresize事件句柄窗口或框架被调整尺寸
closedWindow对象属性返回窗口是否已被关闭
defaultStatusWindow对象属性设置或返回窗口状态栏中的默认文本
documentWindow对象属性对 Document 对象的只读引用
historyWindow对象属性对 History 对象的只读引用
innerheightWindow对象属性返回窗口的文档显示区的高度
innerwidthWindow对象属性返回窗口的文档显示区的宽度
lengthWindow对象属性设置或返回窗口中的框架数量
locationWindow对象属性用于窗口或框架的 Location 对象
nameWindow对象属性设置或返回窗口的名称
NavigatorWindow对象属性对 Navigator 对象的只读引用
openerWindow对象属性返回对创建此窗口的窗口的引用
outerheightWindow对象属性返回窗口的外部高度
outerwidthWindow对象属性返回窗口的外部宽度
pageXOffsetWindow对象属性设置或返回当前页面相对于窗口显示区左上角的 X 位置
pageYOffsetWindow对象属性设置或返回当前页面相对于窗口显示区左上角的 Y 位置
parentWindow对象属性返回父窗口
ScreenWindow对象属性对 Screen 对象的只读引用
selfWindow对象属性返回对当前窗口的引用
statusWindow对象属性设置窗口状态栏的文本
topWindow对象属性返回最顶层的先辈窗口
windowWindow对象属性window 属性等价于 self 属性,它包含了对窗口自身的引用
screenLeftWindow对象属性声明了窗口的左上角在屏幕上的 x 坐标(IE、Safari 、 Opera)
screenXWindow对象属性声明了窗口的左上角在屏幕上的 x 坐标(Firefox 、Safari)
screenTopWindow对象属性声明了窗口的左上角在屏幕上的 y 坐标(IE、Safari 、 Opera)
screenYWindow对象属性声明了窗口的左上角在屏幕上的 y 坐标(Firefox 、 Safari)
alert()Window对象方法显示带有一段消息和一个确认按钮的警告框
confirm()Window对象方法显示带有一段消息以及确认按钮和取消按钮的对话框
prompt()Window对象方法显示可提示用户输入的对话框
focus()Window对象方法把键盘焦点给予一个窗口
blur()Window对象方法把键盘焦点从顶层窗口移开
setInterval()Window对象方法按照指定的周期(以毫秒计)来调用函数或计算表达式
setTimeout()Window对象方法在指定的毫秒数后调用函数或计算表达式
clearInterval()Window对象方法取消由 setInterval() 设置的 timeout
clearTimeout()Window对象方法取消由 setTimeout() 方法设置的 timeout
open()Window对象方法打开一个新的浏览器窗口或查找一个已命名的窗口
close()Window对象方法关闭浏览器窗口
createPopup()Window对象方法创建一个 pop-up 窗口
moveBy()Window对象方法可相对窗口的当前坐标把它移动指定的像素
moveTo()Window对象方法把窗口的左上角移动到一个指定的坐标
print()Window对象方法打印当前窗口的内容
resizeBy()Window对象方法按照指定的像素调整窗口的大小
resizeTo()Window对象方法把窗口的大小调整到指定的宽度和高度
scrollBy()Window对象方法按照指定的像素值来滚动内容
scrollTo()Window对象方法把内容滚动到指定的坐标
appCodeNameNavigator对象属性返回浏览器的代码名
appMinorVersionNavigator对象属性返回浏览器的次级版本
appNameNavigator对象属性返回浏览器的名称
appVersionNavigator对象属性返回浏览器的平台和版本信息
browserLanguageNavigator对象属性返回当前浏览器的语言
cookieEnabledNavigator对象属性返回指明浏览器中是否启用 cookie 的布尔值
cpuClassNavigator对象属性返回浏览器系统的 CPU 等级
onLineNavigator对象属性返回指明系统是否处于脱机模式的布尔值
platformNavigator对象属性返回运行浏览器的操作系统平台
systemLanguageNavigator对象属性返回 OS 使用的默认语言
userAgentNavigator对象属性返回由客户机发送服务器的 user-agent 头部的值
userLanguageNavigator对象属性返回 OS 的自然语言设置
javaEnabled()Navigator对象方法规定浏览器是否启用 Java
taintEnabled()Navigator对象方法规定浏览器是否启用数据污点 (data tainting)
availHeightScreen对象属性返回显示屏幕的高度 (除 Windows 任务栏之外)
availWidthScreen对象属性返回显示屏幕的宽度 (除 Windows 任务栏之外)
bufferDepthScreen对象属性设置或返回调色板的比特深度
colorDepthScreen对象属性返回目标设备或缓冲器上的调色板的比特深度
deviceXDPIScreen对象属性返回显示屏幕的每英寸水平点数
deviceYDPIScreen对象属性返回显示屏幕的每英寸垂直点数
fontSmoothingEnabledScreen对象属性返回用户是否在显示控制面板中启用了字体平滑
heightScreen对象属性返回显示屏幕的高度
logicalXDPIScreen对象属性返回显示屏幕每英寸的水平方向的常规点数
logicalYDPIScreen对象属性返回显示屏幕每英寸的垂直方向的常规点数
pixelDepthScreen对象属性返回显示屏幕的颜色分辨率(比特每像素)
updateIntervalScreen对象属性设置或返回屏幕的刷新率
widthScreen对象属性返回显示器屏幕的宽度
lengthHistory对象属性返回浏览器历史列表中的 URL 数量
back()History对象方法加载 history 列表中的前一个 URL
forward()History对象方法加载 history 列表中的下一个 URL
go()History对象方法加载 history 列表中的某个具体页面
hashLocation对象属性设置或返回从井号 (#) 开始的 URL(锚)
hostLocation对象属性设置或返回主机名和当前 URL 的端口号
hostnameLocation对象属性设置或返回当前 URL 的主机名
hrefLocation对象属性设置或返回完整的 URL
pathnameLocation对象属性设置或返回当前 URL 的路径部分
portLocation对象属性设置或返回当前 URL 的端口号
protocolLocation对象属性设置或返回当前 URL 的协议
searchLocation对象属性设置或返回从问号 (?) 开始的 URL(查询部分)
assign()Location对象方法加载新的文档
reload()Location对象方法重新加载当前文档
replace()Location对象方法用新的文档替换当前文档
bodyDocument对象属性提供对 <body> 元素的直接访问
cookieDocument对象属性设置或返回与当前文档有关的所有 cookie
domainDocument对象属性返回当前文档的域名
lastModifiedDocument对象属性返回文档被最后修改的日期和时间
referrerDocument对象属性返回载入当前文档的文档的 URL
titleDocument对象属性返回当前文档的标题
URLDocument对象属性返回当前文档的 URL
open()Document对象方法收集来自任何 document.write() document.writeln() 方法的输出
close()Document对象方法关闭用 document.open() 方法打开的输出流,并显示选定的数据
getElementById()Document对象方法返回对拥有指定 id 的第一个对象的引用
getElementsByName()Document对象方法返回带有指定名称的对象集合
getElementsByTagName()Document对象方法返回带有指定标签名的对象集合
write()Document对象方法向文档写 HTML 表达式 或 JavaScript 代码
writeln()Document对象方法等同于 write() 方法,不同的是在每个表达式之后写一个换行符
preventDefault()Document对象方法通知浏览器不要执行与事件关联的默认动作
stopPropagation()Document对象方法不再派发事件
element.accessKeyElement对象属性设置或返回元素的快捷键
element.attributesElement对象属性返回元素属性的 NamedNodeMap
element.childNodesElement对象属性返回元素子节点的 NodeList
element.classNameElement对象属性设置或返回元素的 class 属性
element.clientHeightElement对象属性返回元素的可见高度
element.clientWidthElement对象属性返回元素的可见宽度
element.contentEditableElement对象属性设置或返回元素的文本方向
element.dirElement对象属性设置或返回元素的内容是否可编辑
element.firstChildElement对象属性返回元素的首个子元素
element.lastChildElement对象属性返回元素的最后一个子元素
element.idElement对象属性设置或返回元素的 id
element.innerHTMLElement对象属性设置或返回元素的内容
element.isContentEditableElement对象属性设置或返回元素的内容
element.langElement对象属性设置或返回元素的语言代码
element.namespaceURIElement对象属性返回元素的 namespace URI
element.nextSiblingElement对象属性返回位于相同节点树层级的下一个节点
element.nodeNameElement对象属性返回元素的节点名称
element.nodeTypeElement对象属性返回元素的节点类型
element.nodeValueElement对象属性设置或返回元素值
element.offsetHeightElement对象属性返回元素的高度
element.offsetWidthElement对象属性返回元素的宽度
element.offsetLeftElement对象属性返回元素的水平偏移位置
element.offsetTopElement对象属性返回元素的垂直偏移位置
element.offsetParentElement对象属性返回元素的偏移容器
element.ownerDocumentElement对象属性返回元素的根元素(文档对象)
element.parentNodeElement对象属性返回元素的父节点
element.previousSiblingElement对象属性返回位于相同节点树层级的前一个元素
element.scrollWidthElement对象属性返回元素的整体宽度
element.scrollHeightElement对象属性返回元素的整体高度
element.scrollLeftElement对象属性返回元素左边缘与视图之间的距离
element.scrollTopElement对象属性返回元素上边缘与视图之间的距离
element.styleElement对象属性设置或返回元素的 style 属性
element.tabIndexElement对象属性设置或返回元素的 tab 键控制次序
element.tagNameElement对象属性返回元素的标签名
element.textContentElement对象属性设置或返回节点及其后代的文本内容
element.titleElement对象属性设置或返回元素的 title 属性
nodelist.lengthElement对象属性返回 NodeList 中的节点数
element.appendChild()Element对象方法向元素添加新的子节点,作为最后一个子节点
element.cloneNode()Element对象方法克隆元素
element.compareDocumentPosition()Element对象方法比较两个元素的文档位置
element.getAttribute()Element对象方法返回元素节点的指定属性值
element.getAttributeNode()Element对象方法返回指定的属性节点
element.getElementsByTagName()Element对象方法返回拥有指定标签名的所有子元素的集合
element.getFeature()Element对象方法返回实现了指定特性的 API 的某个对象
element.getUserData()Element对象方法返回关联元素上键的对象
element.hasAttribute()Element对象方法如果元素拥有指定属性,则返回true,否则返回 false
element.hasAttributes()Element对象方法如果元素拥有属性,则返回 true,否则返回 false
element.hasChildNodes()Element对象方法如果元素拥有子节点,则返回 true,否则 false
element.insertBefore()Element对象方法在指定的已有的子节点之前插入新节点
element.isDefaultNamespace()Element对象方法如果指定的 namespaceURI 是默认的,则返回 true,否则返回 false
element.isEqualNode()Element对象方法检查两个元素是否相等
element.isSameNode()Element对象方法检查两个元素是否是相同的节点
element.isSupported()Element对象方法如果元素支持指定特性,则返回 true
element.normalize()Element对象方法合并元素中相邻的文本节点,并移除空的文本节点
element.removeAttribute()Element对象方法从元素中移除指定属性
element.removeAttributeNode()Element对象方法移除指定的属性节点,并返回被移除的节点
element.removeChild()Element对象方法从元素中移除子节点
element.replaceChild()Element对象方法替换元素中的子节点
element.setAttribute()Element对象方法把指定属性设置或更改为指定值
element.setAttributeNode()Element对象方法设置或更改指定属性节点
element.setIdAttribute()Element对象方法-
element.setIdAttributeNode()Element对象方法-
element.setUserData()Element对象方法把对象关联到元素上的键
element.toString()Element对象方法把元素转换为字符串
nodelist.item()Element对象方法返回 NodeList 中位于指定下标的节点

 

 

 

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值