JavaScript中substr与substring方法的比较

版权申诉
0 下载量 139 浏览量 更新于2024-10-29 收藏 611B ZIP 举报
资源摘要信息:"JavaScript/JQuery HTML" ### JavaScript知识点 #### JavaScript字符串方法substr与substring的区别 在JavaScript中,处理字符串时经常会用到`substr`和`substring`方法,它们都用于提取字符串的子串。尽管它们的功能相似,但是使用上存在一些差异。 1. **参数不同**: - `substring(start, end)`:该方法接收两个参数,分别表示子字符串的起始位置和结束位置(不包括结束位置处的字符)。 - `substr(start, length)`:该方法接收两个参数,第一个参数是子字符串的起始位置,第二个参数是要提取的字符个数。 2. **参数类型不同**: - `substring`方法的参数必须是非负数,如果传入了负数,则会被当作0处理。 - `substr`方法可以接收负数作为参数,如果第二个参数是负数,则会被当作0处理;如果第一个参数是负数,则会将其加到字符串的长度上。 3. **处理起始和结束参数的方式不同**: - `substring`方法中,如果`start`大于`end`,它会交换这两个参数的值。 - `substr`方法中,无论`start`与`length`的相对大小如何,都将按提供的参数进行提取。 4. **返回值**: - 两者返回的是字符串中指定部分的副本。 5. **适用场景**: - 当需要按照长度提取子串时,通常使用`substr`。 - 当需要按照位置提取子串时,通常使用`substring`。 #### JavaScript nodetype返回类型 在JavaScript中,`nodeType`属性用于获取节点的类型。它是一个只读属性,返回一个代表节点类型的整数。`nodeType`属性返回的整数值与`Node`接口定义的常量对应。 - `nodeType`的值为1时,表示节点是一个元素节点(`Element`)。 - 值为2时,表示节点是一个属性节点(`Attribute`)。 - 值为3时,表示节点是一个文本节点(`Text`)。 - 值为8时,表示节点是一个注释节点(`Comment`)。 - 值为9时,表示节点是一个文档节点(`Document`),即整个HTML文档。 - 值为10时,表示节点是一个文档类型声明节点(`DocumentType`)。 - 值为11时,表示节点是一个文档片段节点(`DocumentFragment`)。 ### JQuery知识点 JQuery是一个快速、小巧且功能丰富的JavaScript库。它封装了JavaScript的原生操作,使得DOM操作更加简洁。尽管`substr`和`substring`是JavaScript的原生方法,但它们也常在JQuery上下文中使用,尤其是在操作字符串时。 - **JQuery选择器**: JQuery选择器允许开发者基于CSS选择器语法来选取DOM元素,返回一个JQuery对象,可以通过链式调用多种方法。 - **JQuery DOM操作**: 通过JQuery可以很容易地进行DOM操作,如创建、插入、删除节点等。 - **JQuery事件处理**: JQuery简化了事件处理,提供了诸如`.click()`, `.bind()`, `.on()`等方法,允许绑定事件处理器。 ### HTML知识点 HTML(HyperText Markup Language)是构建网页内容的标准标记语言。它不涉及逻辑和功能处理,这是JavaScript的角色。HTML负责网页的结构和内容。 - **HTML基本结构**: HTML文档的结构由`<!DOCTYPE html>`, `<html>`, `<head>`, 和`<body>`等标签构成。 - **HTML元素**: HTML文档由各种元素构成,这些元素通过标签来定义。标签分为单标签和成对标签。 - **HTML属性**: HTML标签可以有属性,它们提供了额外的信息或配置,如`<a href="***">`中的`href`。 ### 结论 在处理JavaScript字符串时,理解和区分`substr`与`substring`的方法至关重要。此外,熟悉DOM节点类型(通过`nodeType`属性)有助于更好地操作和理解DOM结构。JQuery提供了一种更简单的方法来操作DOM以及处理JavaScript中的其他任务,如事件处理和动画效果。HTML作为构建网页的基础,其知识对于开发Web应用也是必不可少的。这些知识点相互关联,共同构成了Web开发的基础。