JavaScript 重要方法和属性速查表
DOM节点属性
DOM 节点方法
DOM 元素方法
窗口属性
窗口方法
屏幕属性
JavaScript 事件
老鼠
键盘
框架
形式
拖
剪贴板
媒体
动画片
其他
错误
错误名称值
量词
大家好，
以下是 JavaScript 中一些重要的方法和属性列表。
本教程将涵盖以下主题：
- DOM节点属性
- DOM 节点方法
- DOM 元素方法
- 窗口属性
- 窗口方法
- 屏幕属性
- JavaScript 鼠标事件
- JavaScript 键盘事件
- JavaScript 框架事件
- JavaScript 表单事件
- JavaScript 拖拽事件
- JavaScript 剪贴板事件
- JavaScript 媒体事件
- JavaScript 动画事件
- JavaScript 其他事件
- 错误
- 错误名称值
- 量词
DOM节点属性
attributes— 返回元素所有已注册属性的实时集合baseURI— 提供 HTML 元素的绝对基本 URLchildNodes— 返回元素的所有子节点的集合firstChild— 返回元素的第一个子节点lastChild— 元素的最后一个子节点nextSibling— 返回同一节点树层级的下一个节点nodeName—返回节点的名称nodeType— 返回节点的类型nodeValue— 设置或返回节点的值ownerDocument— 此节点的顶级文档对象parentNode— 返回元素的父节点previousSibling— 返回当前节点之前的节点textContent— 设置或返回节点及其后代的文本内容
DOM 节点方法
appendChild()— 向元素添加一个新的子节点，作为最后一个子节点cloneNode()— 克隆一个 HTML 元素compareDocumentPosition()— 比较两个元素在文档中的位置getFeature()— 返回一个实现了指定功能 API 的对象hasAttributes()— 如果元素有任何属性，则返回 true，否则返回 falsehasChildNodes()— 如果元素有任何子节点，则返回 true，否则返回 false。insertBefore()— 在指定的现有子节点之前插入一个新的子节点isDefaultNamespace()— 如果指定的命名空间URI是默认值，则返回true，否则返回false。isEqualNode()检查两个元素是否相等isSameNode()— 检查两个元素是否为同一节点isSupported()— 如果元素支持指定的功能，则返回 truelookupNamespaceURI()— 返回与给定节点关联的命名空间 URIlookupPrefix()— 如果存在，则返回包含给定命名空间 URI 前缀的 DOMString。normalize()— 合并元素中相邻的文本节点并删除空文本节点removeChild()— 从元素中移除子节点replaceChild()— 替换元素中的子节点
DOM 元素方法
getAttribute()— 返回元素节点的指定属性值getAttributeNS()— 返回具有指定命名空间和名称的属性的字符串值getAttributeNode()— 获取指定的属性节点getAttributeNodeNS()— 返回具有给定命名空间和名称的属性的属性节点getElementsByTagName()— 提供具有指定标签名称的所有子元素的集合getElementsByTagNameNS()— 返回一个包含给定命名空间中具有特定标签名称的元素的实时 HTMLCollectionhasAttribute()— 如果元素有任何属性，则返回 true，否则返回 falsehasAttributeNS()— 提供一个真/假值，指示给定命名空间中的当前元素是否具有指定的属性removeAttribute()— 从元素中移除指定的属性removeAttributeNS()— 从特定命名空间中的元素中移除指定的属性removeAttributeNode()— 移除指定的属性节点并返回被移除的节点setAttribute()— 将指定属性设置或更改为指定值setAttributeNS()— 添加新属性或更改具有给定命名空间和名称的属性的值setAttributeNode()— 设置或更改指定的属性节点setAttributeNodeNS()— 向元素添加新的命名空间属性节点
窗口属性
closed— 检查窗口是否已关闭，并返回 true 或 false。defaultStatus— 设置或返回窗口状态栏中的默认文本document— 返回窗口的文档对象frames— 返回<iframe>当前窗口中的所有元素history— 为窗口提供 History 对象。innerHeight— 窗口内容区域的内部高度innerWidth— 内容区域的内部宽度length<iframe>— 找出窗口中的元素 数量。location— 返回窗口的位置对象name— 设置或返回窗口名称navigator— 返回窗口的 Navigator 对象opener— 返回对创建该窗口的窗口的引用outerHeight— 窗口的外部高度，包括工具栏/滚动条outerWidth— 窗口的外部宽度，包括工具栏/滚动条pageXOffset— 当前文档已水平滚动的像素数pageYOffset— 文档垂直滚动的像素数parent— 当前窗口的父窗口screen— 返回窗口的 Screen 对象screenLeft— 窗口的水平坐标（相对于屏幕）screenTop— 窗口的垂直坐标screenX— 与上述相同，screenLeft但某些浏览器需要此步骤。screenY— 与上述相同，screenTop但某些浏览器需要此步骤。self— 返回当前窗口status— 设置或返回窗口状态栏中的文本top— 返回最顶层的浏览器窗口
窗口方法
alert()— 显示一个包含消息和“确定”按钮的提示框blur()— 移除当前窗口的焦点clearInterval()— 清除用以下方式设置的定时器setInterval()clearTimeout()— 清除用以下方式设置的定时器setTimeout()close()— 关闭当前窗口confirm()— 显示一个对话框，其中包含一条消息以及 “确定” 和 “取消” 按钮。focus()— 将焦点设置到当前窗口moveBy()— 将窗口相对于其当前位置移动moveTo()— 将窗口移动到指定位置open()— 打开一个新的浏览器窗口print()— 打印当前窗口的内容prompt()— 显示一个对话框，提示访问者输入内容resizeBy()— 将窗口大小调整为指定的像素数。resizeTo()— 将窗口调整为指定的宽度和高度scrollBy()— 将文档滚动指定的像素数。scrollTo()— 将文档滚动到指定坐标setInterval()— 按指定时间间隔调用函数或计算表达式setTimeout()— 在指定的时间间隔后调用函数或计算表达式stop()— 阻止窗口加载
屏幕属性
availHeight— 返回屏幕高度（不包括 Windows 任务栏）availWidth— 返回屏幕宽度（不包括 Windows 任务栏）colorDepth— 返回用于显示图像的颜色调色板的位深度height— 屏幕总高度pixelDepth屏幕的色彩分辨率，单位为每像素比特数。width— 屏幕总宽度
JavaScript 事件
事件是指用户对 HTML 元素执行的操作。编程语言可以监听这些事件，并在代码中触发相应的操作。任何 JavaScript 速查表都不能缺少事件。
老鼠
onclick— 当用户点击某个元素时，就会发生此事件。oncontextmenu用户右键单击元素以打开上下文菜单ondblclick用户双击某个元素onmousedown— 用户将鼠标按钮按在元素上onmouseenter指针移动到一个元素上onmouseleave— 指针移出元素onmousemove— 指针在元素上方移动onmouseover— 当指针移动到某个元素或其子元素上时onmouseout— 用户将鼠标指针移出某个元素或其子元素。onmouseup— 用户在元素上方松开鼠标按钮
键盘
onkeydown— 当用户按下某个键时onkeypress— 用户开始按下按键的那一刻onkeyup用户释放按键
框架
onabort— 媒体加载已中止onbeforeunload— 事件发生在文档即将卸载之前onerror加载外部文件时发生错误onhashchange— URL 的锚点部分发生了一些变化onload— 当对象加载完毕后onpagehide用户离开网页onpageshow— 当用户导航到网页时onresize— 文档视图已调整大小onscroll— 元素的滚动条正在滚动onunload— 事件发生在页面卸载时。
形式
onblur— 当一个元素失去焦点时onchange— 表单元素的内容发生变化（对于<input>，<select>和<textarea>）onfocus— 某个元素获得关注onfocusin— 当一个元素即将获得焦点时onfocusout— 该元素即将失去焦点oninput— 用户对元素的输入oninvalid— 元素无效onreset— 表单已重置onsearch— 用户在搜索字段中输入内容（用于<input="search">）onselect— 用户选择一些文本（例如“<input>和<textarea>”）onsubmit— 已提交表格
拖
ondrag— 拖动元素ondragend用户已完成元素拖动ondragenter— 拖动的元素进入放置目标ondragleave— 拖动的元素会离开放置目标ondragover— 拖动的元素位于放置目标的上方ondragstart用户开始拖动元素ondrop— 拖动的元素被放置在目标位置
剪贴板
oncopy— 用户复制元素的内容oncut用户剪切元素的内容onpaste用户将内容粘贴到元素中
媒体
onabort— 媒体加载已中止oncanplay— 浏览器可以开始播放媒体（例如，文件已缓冲足够多的内容）oncanplaythrough浏览器可以流畅播放媒体文件。ondurationchange媒体变革的持续时间onended媒体已经走到尽头。onerror— 加载外部文件时发生错误时发生这种情况onloadeddata— 媒体数据已加载onloadedmetadata— 加载元数据（例如维度和持续时间）。onloadstart浏览器开始查找指定的媒体onpause— 媒体播放暂停可以是用户手动暂停，也可以是自动暂停。onplay媒体已经恢复或不再暂停onplaying— 媒体文件在暂停或缓冲后正在播放onprogress浏览器正在下载媒体文件onratechange媒体播放速度的变化onseeked— 用户已完成在媒体中的移动/跳转。onseeking用户开始移动/跳过onstalled浏览器正在尝试加载媒体文件，但该文件不可用。onsuspend— 浏览器故意不加载媒体文件ontimeupdate— 比赛位置发生了变化（例如，由于快进）onvolumechange— 媒体音量已更改（包括静音）onwaiting— 媒体播放暂停，但预计会恢复（例如，缓冲中）
动画片
animationendCSS 动画已完成animationiterationCSS动画重复animationstartCSS动画已开始
其他
transitionend— 当 CSS 过渡完成后触发onmessage— 通过事件源接收到消息onoffline— 浏览器开始离线工作ononline浏览器开始联网运行。onpopstate— 当窗口历史记录发生变化时onshow—<menu>元素显示为上下文菜单onstorage— Web 存储区域已更新ontoggle用户打开或关闭<details>元素onwheel鼠标滚轮在元素上上下滚动ontouchcancel屏幕触摸中断ontouchend— 用户手指从触摸屏上移开ontouchmove——一根手指在屏幕上滑动ontouchstart— 将手指放在触摸屏上
错误
在使用 JavaScript 时，可能会出现各种错误。处理这些错误的方法有很多种：
try— 允许您定义一段代码块来测试错误catch— 设置一个代码块，以便在发生错误时执行。throw— 创建自定义错误消息，而不是标准的 JavaScript 错误。finally— 允许你在 try 和 catch 语句之后执行代码，而不管结果如何
错误名称值
JavaScript 还内置了一个错误对象。它有两个属性：
name— 设置或返回错误名称message— 设置或返回字符串形式的错误消息
error 属性可以返回六个不同的值作为其名称：
EvalErroreval()—函数 中发生错误RangeError— 某个数字“超出范围”ReferenceError— 发生了非法引用SyntaxError— 发生语法错误TypeError— 发生类型错误URIError—encodeURI()发生错误
量词
n+— 匹配包含至少一个 n 的任何字符串n*— 任何包含零个或多个 n 的字符串n?— 包含零个或一个 n 的字符串n{X}— 包含 X 个 n 的字符串n{X,Y}— 包含从 X 到 Y n 的序列的字符串n{X,}— 匹配包含至少 X 个 n 的序列的任何字符串n$— 任何以 n 结尾的字符串^n— 以字母 n 开头的字符串?=n— 任何后跟特定字符串的字符串 n?!n— 后面不跟特定字符串的字符串 ni
如果这对您有帮助，请在评论区告诉我们。
谢谢，
CapsCode