javascript原生事件句柄、BOM、DOM对象属性方法总结
2024-06-04 20:22:08
javascript原生事件句柄、BOM、DOM对象属性方法总结
JS事件句柄
| 事件句柄 | 类型 | 说明 |
|---|---|---|
| onabort | 事件句柄 | 图像加载被中断 |
| onblur | 事件句柄 | 元素失去焦点 |
| onfocus | 事件句柄 | 元素获得焦点 |
| onchange | 事件句柄 | 用户改变域的内容 |
| onclick | 事件句柄 | 鼠标点击某个对象 |
| ondblclick | 事件句柄 | 鼠标双击某个对象 |
| onerror | 事件句柄 | 当加载文档或图像时发生某个错误 |
| onkeydown | 事件句柄 | 某个键盘的键被按下 |
| onkeypress | 事件句柄 | 某个键盘的键被按下或按住 |
| onkeyup | 事件句柄 | 某个键盘的键被松开 |
| onload | 事件句柄 | 某个页面或图像被完成加载 |
| onunload | 事件句柄 | 用户退出页面 |
| onmousedown | 事件句柄 | 某个鼠标按键被按下 |
| onmouseup | 事件句柄 | 某个鼠标按键被松开 |
| onmousemove | 事件句柄 | 鼠标被移动 |
| onmouseover | 事件句柄 | 鼠标被移到某元素之上 |
| onmouseout | 事件句柄 | 鼠标从某元素移开 |
| onselect | 事件句柄 | 文本被选定 |
| onreset | 事件句柄 | 重置按钮被点击 |
| onsubmit | 事件句柄 | 提交按钮被点击 |
| onresize | 事件句柄 | 窗口或框架被调整尺寸 |
Window对象属性
| Window对象属性 | 类型 | 说明 |
|---|---|---|
| closed | Window对象属性 | 返回窗口是否已被关闭 |
| defaultStatus | Window对象属性 | 设置或返回窗口状态栏中的默认文本 |
| document | Window对象属性 | 对 Document 对象的只读引用 |
| history | Window对象属性 | 对 History 对象的只读引用 |
| innerheight | Window对象属性 | 返回窗口的文档显示区的高度 |
| innerwidth | Window对象属性 | 返回窗口的文档显示区的宽度 |
| length | Window对象属性 | 设置或返回窗口中的框架数量 |
| location | Window对象属性 | 用于窗口或框架的 Location 对象 |
| name | Window对象属性 | 设置或返回窗口的名称 |
| Navigator | Window对象属性 | 对 Navigator 对象的只读引用 |
| opener | Window对象属性 | 返回对创建此窗口的窗口的引用 |
| outerheight | Window对象属性 | 返回窗口的外部高度 |
| outerwidth | Window对象属性 | 返回窗口的外部宽度 |
| pageXOffset | Window对象属性 | 设置或返回当前页面相对于窗口显示区左上角的 X 位置 |
| pageYOffset | Window对象属性 | 设置或返回当前页面相对于窗口显示区左上角的 Y 位置 |
| parent | Window对象属性 | 返回父窗口 |
| Screen | Window对象属性 | 对 Screen 对象的只读引用 |
| self | Window对象属性 | 返回对当前窗口的引用 |
| status | Window对象属性 | 设置窗口状态栏的文本 |
| top | Window对象属性 | 返回最顶层的先辈窗口 |
| window | Window对象属性 | window 属性等价于 self 属性，它包含了对窗口自身的引用 |
| screenLeft | Window对象属性 | 声明了窗口的左上角在屏幕上的 x 坐标（IE、Safari 、 Opera） |
| screenX | Window对象属性 | 声明了窗口的左上角在屏幕上的 x 坐标（Firefox 、Safari） |
| screenTop | Window对象属性 | 声明了窗口的左上角在屏幕上的 y 坐标（IE、Safari 、 Opera） |
| screenY | Window对象属性 | 声明了窗口的左上角在屏幕上的 y 坐标（Firefox 、 Safari） |
Window对象方法
| Window对象方法 | 类型 | 说明 |
|---|---|---|
| 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对象方法 | 把内容滚动到指定的坐标 |
Navigator对象属性
| Navigator对象属性 | 类型 | 说明 |
|---|---|---|
| appCodeName | Navigator对象属性 | 返回浏览器的代码名 |
| appMinorVersion | Navigator对象属性 | 返回浏览器的次级版本 |
| appName | Navigator对象属性 | 返回浏览器的名称 |
| appVersion | Navigator对象属性 | 返回浏览器的平台和版本信息 |
| browserLanguage | Navigator对象属性 | 返回当前浏览器的语言 |
| cookieEnabled | Navigator对象属性 | 返回指明浏览器中是否启用 cookie 的布尔值 |
| cpuClass | Navigator对象属性 | 返回浏览器系统的 CPU 等级 |
| onLine | Navigator对象属性 | 返回指明系统是否处于脱机模式的布尔值 |
| platform | Navigator对象属性 | 返回运行浏览器的操作系统平台 |
| systemLanguage | Navigator对象属性 | 返回 OS 使用的默认语言 |
| userAgent | Navigator对象属性 | 返回由客户机发送服务器的 user-agent 头部的值 |
| userLanguage | Navigator对象属性 | 返回 OS 的自然语言设置 |
| javaEnabled() | Navigator对象方法 | 规定浏览器是否启用 Java |
| taintEnabled() | Navigator对象方法 | 规定浏览器是否启用数据污点 (data tainting) |
Screen对象属性
| Screen对象属性 | 类型 | 说明 |
|---|---|---|
| availHeight | Screen对象属性 | 返回显示屏幕的高度 (除 Windows 任务栏之外) |
| availWidth | Screen对象属性 | 返回显示屏幕的宽度 (除 Windows 任务栏之外) |
| bufferDepth | Screen对象属性 | 设置或返回调色板的比特深度 |
| colorDepth | Screen对象属性 | 返回目标设备或缓冲器上的调色板的比特深度 |
| deviceXDPI | Screen对象属性 | 返回显示屏幕的每英寸水平点数 |
| deviceYDPI | Screen对象属性 | 返回显示屏幕的每英寸垂直点数 |
| fontSmoothingEnabled | Screen对象属性 | 返回用户是否在显示控制面板中启用了字体平滑 |
| height | Screen对象属性 | 返回显示屏幕的高度 |
| logicalXDPI | Screen对象属性 | 返回显示屏幕每英寸的水平方向的常规点数 |
| logicalYDPI | Screen对象属性 | 返回显示屏幕每英寸的垂直方向的常规点数 |
| pixelDepth | Screen对象属性 | 返回显示屏幕的颜色分辨率（比特每像素） |
| updateInterval | Screen对象属性 | 设置或返回屏幕的刷新率 |
| width | Screen对象属性 | 返回显示器屏幕的宽度 |
History对象属性
| History对象属性 | 类型 | 说明 |
|---|---|---|
| length | History对象属性 | 返回浏览器历史列表中的 URL 数量 |
| back() | History对象方法 | 加载 history 列表中的前一个 URL |
| forward() | History对象方法 | 加载 history 列表中的下一个 URL |
| go() | History对象方法 | 加载 history 列表中的某个具体页面 |
Location对象属性
| Location对象属性 | 类型 | 说明 |
|---|---|---|
| hash | Location对象属性 | 设置或返回从井号 (#) 开始的 URL（锚） |
| host | Location对象属性 | 设置或返回主机名和当前 URL 的端口号 |
| hostname | Location对象属性 | 设置或返回当前 URL 的主机名 |
| href | Location对象属性 | 设置或返回完整的 URL |
| pathname | Location对象属性 | 设置或返回当前 URL 的路径部分 |
| port | Location对象属性 | 设置或返回当前 URL 的端口号 |
| protocol | Location对象属性 | 设置或返回当前 URL 的协议 |
| search | Location对象属性 | 设置或返回从问号 (?) 开始的 URL（查询部分） |
| assign() | Location对象方法 | 加载新的文档 |
| reload() | Location对象方法 | 重新加载当前文档 |
| replace() | Location对象方法 | 用新的文档替换当前文档 |
Document对象属性
| Document对象属性 | 类型 | 说明 |
|---|---|---|
| body | Document对象属性 | 提供对 元素的直接访问 |
| cookie | Document对象属性 | 设置或返回与当前文档有关的所有 cookie |
| domain | Document对象属性 | 返回当前文档的域名 |
| lastModified | Document对象属性 | 返回文档被最后修改的日期和时间 |
| referrer | Document对象属性 | 返回载入当前文档的文档的 URL |
| title | Document对象属性 | 返回当前文档的标题 |
| URL | Document对象属性 | 返回当前文档的 URL |
Document对象方法
| Document对象方法 | 类型 | 说明 |
|---|---|---|
| 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对象属性
| Element对象属性 | 类型 | 说明 |
|---|---|---|
| element.accessKey | Element对象属性 | 设置或返回元素的快捷键 |
| element.attributes | Element对象属性 | 返回元素属性的 NamedNodeMap |
| element.childNodes | Element对象属性 | 返回元素子节点的 NodeList |
| element.className | Element对象属性 | 设置或返回元素的 class 属性 |
| element.clientHeight | Element对象属性 | 返回元素的可见高度 |
| element.clientWidth | Element对象属性 | 返回元素的可见宽度 |
| element.contentEditable | Element对象属性 | 设置或返回元素的内容是否可编辑 |
| element.dir | Element对象属性 | 设置或返回元素的文本方向 |
| element.firstChild | Element对象属性 | 返回元素的首个子元素 |
| element.lastChild | Element对象属性 | 返回元素的最后一个子元素 |
| element.id | Element对象属性 | 设置或返回元素的 id |
| element.innerHTML | Element对象属性 | 设置或返回元素的内容 |
| element.isContentEditable | Element对象属性 | 设置或返回元素的内容 |
| element.lang | Element对象属性 | 设置或返回元素的语言代码 |
| element.namespaceURI | Element对象属性 | 返回元素的 namespace URI |
| element.nextSibling | Element对象属性 | 返回位于相同节点树层级的下一个节点 |
| element.nodeName | Element对象属性 | 返回元素的节点名称 |
| element.nodeType | Element对象属性 | 返回元素的节点类型 |
| element.nodeValue | Element对象属性 | 设置或返回元素值 |
| element.offsetHeight | Element对象属性 | 返回元素的高度 |
| element.offsetWidth | Element对象属性 | 返回元素的宽度 |
| element.offsetLeft | Element对象属性 | 返回元素的水平偏移位置 |
| element.offsetTop | Element对象属性 | 返回元素的垂直偏移位置 |
| element.offsetParent | Element对象属性 | 返回元素的偏移容器 |
| element.ownerDocument | Element对象属性 | 返回元素的根元素（文档对象） |
| element.parentNode | Element对象属性 | 返回元素的父节点 |
| element.previousSibling | Element对象属性 | 返回位于相同节点树层级的前一个元素 |
| element.scrollWidth | Element对象属性 | 返回元素的整体宽度 |
| element.scrollHeight | Element对象属性 | 返回元素的整体高度 |
| element.scrollLeft | Element对象属性 | 返回元素左边缘与视图之间的距离 |
| element.scrollTop | Element对象属性 | 返回元素上边缘与视图之间的距离 |
| element.style | Element对象属性 | 设置或返回元素的 style 属性 |
| element.tabIndex | Element对象属性 | 设置或返回元素的 tab 键控制次序 |
| element.tagName | Element对象属性 | 返回元素的标签名 |
| element.textContent | Element对象属性 | 设置或返回节点及其后代的文本内容 |
| element.title | Element对象属性 | 设置或返回元素的 title 属性 |
| nodelist.length | Element对象属性 | 返回 NodeList 中的节点数 |
Element对象方法
| Element对象方法 | 类型 | 说明 |
|---|---|---|
| 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 中位于指定下标的节点 |
javascript原生事件句柄、BOM、DOM对象属性方法总结相关推荐
- html 删除一个属性值,html之DOM对象removeAttribute()方法(删除节点属性)功能简介说明...
摘要: 下文讲述DOM对象removeAttribute()方法功能说明,如下所示: DOM removeAttribute()方法功能说明 DOM removeAttribute()方法功能(): ...
- jQuery→事件、jQuery事件对象属性方法、多事件、自定义事件
click() mousedown()mouseup() mousemove() mouseout() hover() focusin() blur()focus() change() select( ...
- Javascript中关于监听DOM元素状态的方法使用
Javascript中关于监听DOM元素状态的方法使用 MutationObserver MutationObserver是针对DOM元素的观察器,观察它体内增加/减少子(爷孙)节点,或者子节点的属性 ...
- oracle domnode释放,html DOM对象之方法cloneNode()的简介说明
摘要: 下文讲述DOM对象之方法cloneNode()的功能简介说明,如下所示: DOM cloneNode()方法简介 cloneNode()方法的功能: 将DOM选中的一个节点进行复制操作 将根据 ...
- Web前端基础---JavaScript函数事件及其绑定DOM模型BOM模型
Day03 JavaScript JavaScript是一种属于网络的高级脚本语言,被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用 户提供更流畅美观的浏览效果.通常JavaScri ...
- javascript原生事件总结
javascript原生的事件,总结了一下,包括事件流.处理函数.事件对象这几样东西.而在兼容性方面,主要是老牌ie8以及以下和现代浏览器的差异,也就是ie和DOM事件标准的差异. 事件流 这个事件流 ...
- JavaScript/Ajax/JQuery知识点(BOM/DOM/ScriptEngine/JS引擎)，JSCore
捋顺JavaScript底层知识,重点讲解如原型.作用域.执行上下文.变量对象.this.闭包.按值传递.call.apply.bind.new.继承等难点概念?? JS中的继承?JS的原型模式, ...
- JavaScript进阶 - 第9章 DOM对象，控制HTML元素
第9章 DOM对象,控制HTML元素 9-1 认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属 ...
- ASP.NET基础教程-DataTable类对象-属性方法和事件
DataTable类对象可以表示表格,也可以在DataSet中存储多个DataTable对象. 该对象的属性方法和事件列表如下: 转载于:https://blog.51cto.com/chenxing ...
最新文章
- C++ VS2013环境编译使用sqlite数据库全过程
- POJ 1006 Biorhythms
- Ember.js系列文章
- 广义平稳随机过程定义_广义平稳随机过程全解.ppt
- boost::fusion::as_map用法的测试程序
- 一本书让你懂得人生的价值
- xcode开发php,xcode怎么编写c语言
- .net core grpc consul 实现服务注册 服务发现 负载均衡(二)
- 【perl】simpleHTTP
- java单词测试,java单词 - 在线打字测试（dazi.kukuw.com）
- Linux基础知识一
- 机器学习ai选股_自带AI机器学习的MEMS了解一下
- 手机APP和微信小程序能否取代域名？
- MeteoInfo介绍
- FT232RL FTDI USB转串口芯片SSOP28 国产替代
- MATLAB编写m函数理解 y=f(g(x))*h(x)
- java 获取明天12点日期
- 便签记事本 手机便签记事本app
- 如何将eclipse项目和svn关联(从服务器取项目)
- java找最长连续号段,字符串—寻找最长连续子串