### JavaScript速查表知识点详解 #### 一、对象方法概览 **Methods Object**:JavaScript中的对象具有多种方法,用于操作或获取与该对象相关的数据。 - **toString()**:将对象转换为字符串。 - **toLocaleString()**:将对象转换为本地格式的字符串。 - **valueOf()**:返回对象的基本值。 - **hasOwnProperty(prop)**:检查对象是否拥有指定的属性。 - **isPrototypeOf(obj)**:测试指定的对象是否出现在原型链中。 - **propertyIsEnumerable(prop)**:检查对象的属性是否可枚举。 #### 二、字符串方法详解 **String**:字符串对象提供了多种用于处理字符串的方法。 - **charAt(index)**:返回指定索引位置的字符。 - **charCodeAt(index)**:返回指定索引位置字符的Unicode编码。 - **fromCharCode(code)**:根据Unicode编码创建新的字符串。 - **concat(str1, str2,...)**:连接两个或多个字符串并返回结果。 - **indexOf(substring)**:查找子字符串首次出现的位置。 - **lastIndexOf(substring)**:查找子字符串最后一次出现的位置。 - **localeCompare(string)**:比较字符串的排序顺序。 - **match(regex)**:在字符串中查找匹配正则表达式的部分。 - **replace(searchvalue, replacevalue)**:替换字符串中的某些字符。 - **search(regex)**:查找字符串中符合正则表达式的第一项。 - **slice(start, end)**:提取字符串的一部分。 - **split(separator)**:通过指定分隔符分割字符串。 - **substring(start, end)**:提取字符串的一部分,不包括结束位置的字符。 - **substr(start, length)**:提取字符串的一部分。 - **toLowerCase()**:将字符串转换为小写。 - **toUpperCase()**:将字符串转换为大写。 - **toLocaleLowerCase()**:根据本地环境将字符串转换为小写。 - **toLocaleUpperCase()**:根据本地环境将字符串转换为大写。 #### 三、正则表达式方法 **RegEx**:正则表达式用于文本搜索和替换。 - **test(string)**:测试字符串是否匹配正则表达式。 - **match(string)**:在字符串中找到一个或所有匹配正则表达式的部分。 - **exec(string)**:执行对字符串的搜索,返回匹配的结果。 #### 四、数组方法解析 **Array**:数组提供了多种用于操作数组元素的方法。 - **concat(array1, array2,...)**:连接两个或多个数组。 - **join(separator)**:将数组的所有元素合并成一个字符串。 - **push(element)**:向数组的末尾添加一个或多个元素。 - **pop()**:删除数组的最后一个元素并返回该元素。 - **reverse()**:反转数组元素的顺序。 - **shift()**:删除数组的第一个元素并返回该元素。 - **slice(start, end)**:提取数组的一部分并创建新数组。 - **sort(compareFunction)**:对数组的元素进行排序。 - **splice(start, deleteCount, item1,...)**:插入、删除或替换数组的元素。 - **unshift(element)**:在数组的开头添加一个或多个元素。 #### 五、数字方法概览 **Number**:数字对象提供了一些方法用于格式化数字。 - **toFixed(digits)**:将数字转换为固定小数位数的字符串。 - **toExponential(fractionDigits)**:将数字转换为指数记法。 - **toPrecision(precision)**:将数字格式化为特定精度的字符串。 #### 六、日期方法解析 **Date**:日期对象提供了多种用于操作日期和时间的方法。 - **parse(date_string)**:解析一个日期字符串,并返回毫秒数。 - **toDateString()**:将日期转换为字符串。 - **toTimeString()**:将时间转换为字符串。 - **getDate()**:获取日期中的日。 - **getDay()**:获取星期几(0-6)。 - **getFullYear()**:获取四位数的年份。 - **getHours()**:获取小时。 - **getMilliseconds()**:获取毫秒。 - **getMinutes()**:获取分钟。 - **getMonth()**:获取月份(0-11)。 - **getSeconds()**:获取秒。 - **getTime()**:获取自1970年1月1日以来的毫秒数。 - **getTimezoneOffset()**:获取当前时区与UTC的差值,以分钟表示。 - **setDate(day)**:设置日期中的日。 - **setHours(hour)**:设置小时。 - **setMilliseconds(millisecond)**:设置毫秒。 - **setMinutes(minute)**:设置分钟。 - **setMonth(month)**:设置月份。 - **setSeconds(second)**:设置秒。 - **setYear(year)**:设置年份(不推荐使用,应使用`setFullYear`)。 - **toLocaleTimeString()**:根据本地环境将时间转换为字符串。 #### 七、函数与方法 - **方法**是与对象关联的一种类型的函数。 - **普通函数**不与任何对象关联。 #### 八、正则表达式修饰符 - **/g**:全局匹配。 - **/i**:不区分大小写。 - **/s**:单行模式。 - **/m**:多行模式。 #### 九、事件处理器 事件处理器允许你响应用户操作,如点击、拖放等。 - **onAbort**:当终止加载文档时触发。 - **onBlur**:当元素失去焦点时触发。 - **onChange**:当表单字段的值发生改变时触发。 - **onClick**:当用户点击鼠标左键时触发。 - **onDblClick**:当用户双击鼠标左键时触发。 - **onDragDrop**:当用户拖动元素到指定位置时触发。 - **onError**:当脚本运行出错时触发。 - **onFocus**:当元素获得焦点时触发。 - **onKeyDown**:当键盘上的某个键被按下时触发。 - **onKeyPress**:当键盘上的某个键被按下且释放时触发。 - **onKeyUp**:当键盘上的某个键被释放时触发。 - **onLoad**:当文档完成加载时触发。 - **onMouseDown**:当鼠标按钮被按下时触发。 - **onMouseMove**:当鼠标在页面上移动时触发。 - **onMouseOut**:当鼠标离开元素时触发。 - **onMouseOver**:当鼠标移到元素上时触发。 - **onMouseUp**:当鼠标按钮被释放时触发。 - **onMove**:当窗口或框架被移动时触发。 - **onReset**:当重置表单时触发。 - **onResize**:当窗口或框架被调整大小时触发。 - **onSelect**:当文本被选中时触发。 - **onSubmit**:当提交表单时触发。 - **onUnload**:当文档卸载时触发。 #### 十、DOM方法 **DOM**(Document Object Model)方法提供了操作HTML文档的手段。 - **Document**:文档对象模型的根节点。 - **clear()**:清除文档的内容。 - **createDocument()**:创建一个新的文档对象。 - **createDocumentFragment()**:创建一个新的文档片段。 - **createElement(tagName)**:创建一个新的元素节点。 - **createEvent(type)**:创建一个新的事件对象。 - **createEventObject()**:创建一个新的事件对象(IE)。 - **createRange()**:创建一个新的范围对象。 - **createTextNode(text)**:创建一个新的文本节点。 - **getElementsByTagName(name)**:返回所有具有指定标签名的元素的集合。 - **getElementById(id)**:返回具有指定ID的元素。 - **write()**:向文档写入文本。 - **Node**:表示DOM树中的一个节点。 - **addEventListener(type, listener, useCapture)**:添加事件监听器。 - **appendChild(node)**:在当前节点的子节点列表的末尾添加一个新节点。 - **attachEvent(type, listener)**:添加事件监听器(IE)。 - **cloneNode(deep)**:复制节点及其所有属性和子节点。 - **createTextRange()**:创建一个新的文本范围对象。 - **detachEvent(type, listener)**:移除事件监听器(IE)。 - **dispatchEvent(event)**:触发事件。 - **fireEvent(type, event)**:触发事件(IE)。 - **getAttributeNS(namespaceURI, localName)**:获取指定命名空间的属性值。 - **getAttributeNode(name)**:获取指定属性的节点。 - **hasChildNodes()**:检查节点是否有子节点。 - **hasAttribute(name)**:检查节点是否有指定的属性。 - **hasAttributes()**:检查节点是否有属性。 - **insertBefore(newChild, refChild)**:在现有子节点之前插入一个新子节点。 - **removeChild(node)**:从父节点中移除一个子节点。 - **removeEventListener(type, listener, useCapture)**:移除事件监听器。 - **replaceChild(newChild, oldChild)**:替换子节点。 - **scrollIntoView(alignWithTop)**:将元素滚动到视图中。 - **Form**:表单元素。 - **submit()**:提交表单。 - **DOMCollections**:DOM集合。 - **item(index)**:返回集合中的指定项目。 - **Range**:表示文档中的一段连续范围。 - **collapse(toStart)**:折叠范围到其起始或结束位置。 - **createContextualFragment(html)**:从HTML代码创建一个文档片段。 - **moveEnd(unit, count)**:移动范围的结束位置。 - **moveStart(unit, count)**:移动范围的开始位置。 - **parentElement**:返回父元素。 - **select()**:选择元素中的文本。 - **setStartBefore(refNode)**:设置范围的开始位置。 - **Style**:样式对象。 - **getPropertyValue(prop)**:获取CSS属性的值。 - **setProperty(prop, value, priority)**:设置CSS属性的值。 - **Event**:事件对象。 - **initEvent(type, canBubble, cancelable)**:初始化事件。 - **preventDefault()**:阻止事件的默认行为。 - **stopPropagation()**:阻止事件的进一步传播。 - **XMLSerializer**:序列化XML文档为字符串。 - **serializeToString()**:将节点序列化为字符串。 - **XMLHTTP**:异步HTTP请求。 - **open(method, url, async)**:初始化一个请求。 - **send(data)**:发送请求。 - **XMLDOM**:XML文档对象模型。 - **loadXML(xml)**:加载XML字符串到文档中。 - **DOMParser**:解析XML字符串。 - **parseFromString(source, type)**:从源字符串中解析出DOM树。 #### 十一、正则表达式格式 正则表达式在JavaScript中的形式如下: ```javascript var RegEx = /pattern/modifiers; ``` 其中`pattern`是正则表达式的模式,`modifiers`是可选的修饰符。 #### 十二、正则表达式模式 - `^`:匹配字符串的开始位置。 - `$`:匹配字符串的结束位置。 - `.`:匹配任意单个字符(除了换行符)。 - `(a|b)`:匹配`a`或`b`。 - `()`:捕获分组。 - `[abc]`:匹配`a`、`b`或`c`中的任何一个字符。 - `[^abc]`:匹配除了`a`、`b`或`c`之外的任何一个字符。 - `a?`:匹配`a`零次或一次。 - `a*`:匹配`a`零次或多次。 - `a+`:匹配`a`一次或多次。 以上内容涵盖了JavaScript速查表中的主要知识点,包括对象方法、字符串操作、数组处理、数字格式化、日期时间操作、函数与方法、正则表达式、事件处理以及DOM操作。这些知识点对于理解和掌握JavaScript编程至关重要。
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![application/pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![text/plain](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![avatar-default](https://csdnimg.cn/release/downloadcmsfe/public/img/lazyLogo2.1882d7f4.png)
![avatar](https://profile-avatar.csdnimg.cn/ec54c128f9584913a502350590246897_kkgoing.jpg!1)
- 粉丝: 5
- 资源: 7
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
最新资源
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)