在前端开发和后端开发中，字符串处理往往是不可避免的。而在对字符串进行处理时，substr函数是常常使用的一个重要方法。在本篇文章中，我们将为大家详细介绍substr函数的使用方法。

一、substr函数的基本概念

substr函数是JavaScript中的一个截取字符串的函数，它可以从一个字符串中截取指定长度的子字符串。substr函数中需要输入两个参数，分别为起始位置和截取长度。如果不输入截取长度作为第二个参数，那么截取的就是从起始位置到字符串末尾的所有字符。

二、substr函数的使用方法

1.截取字符串中的指定片段

使用substr函数需要输入两个参数，分别为起始位置和截取长度。截取长度可选，如果不输入截取长度作为第二个参数，则截取的将是从起始位置到字符串末尾的所有字符。在下面的示例中，我们将从一个字符串中截取一部分：

```

var str = "This is a string.";

var substr1 = str.substr(10, 6); // 从第10个字符开始截取长度为6的子字符串

var substr2 = str.substr(10); // 从第10个字符开始截取到字符串末尾

console.log(substr1); // 输出结果为 "string"

console.log(substr2); // 输出结果为 "string."

```

2.检查查询结果

在检查查询结果时，使用substr函数可以获取字符串中的某个字母或一段字符。在下面的示例中，我们通过substr函数来输出查询的结果：

```

var str = "This is a string.";

var check1 = str.substr(5); // 从第5个字符开始截取到字符串末尾

var check2 = str.substr(1, 2); // 从第1个字符开始截取长度为2的子字符串

console.log(check1); // 输出结果为 "is a string."

console.log(check2); // 输出结果为 "hi"

```

3.截取HTML代码中的某一段

使用substr函数可以从HTML代码中截取某一段，比如只截取HTML代码中的body部分。在下面的示例中，我们将HTML代码中的body部分截取出来：

```

var html = '

Hello World!

var body = html.substr(html.indexOf("") + 6, html.indexOf("") - html.indexOf("") - 6);

console.log(body); // 输出结果为 "

Hello World!

```

三、substr函数的注意事项

1.起始位置应该是非负整数

在使用substr函数时，需要注意起始位置应该是非负整数。如果传入负数，则字符串会从末尾开始截取，为了避免传入负数，可以使用Math.max()函数获取最大值，例如：

```

var str = "This is a string.";

var substr = str.substr(Math.max(0, str.length - 7)); // 截取最后7个字符

console.log(substr); // 输出结果为 "string."

```

2.截取长度应该是非负整数

在使用substr函数时，需要注意截取长度应该是非负整数。如果传入负数，会自动转换为0；如果传入NaN，会自动转换成0。

3.方便地获取字符串尾部指定长度的字符或子串

在字符串中，往往需要取尾部的字符或子串，substr函数可以方便地取尾部指定长度的字符或子串。例如：

```

var str = "This is a string.";

var substr = str.substr(str.length - 6); // 截取最后6个字符

console.log(substr); // 输出结果为 "string"

```

四、总结

以上就是substr函数使用方法的详细介绍，通过学习可以发现substr函数是一种很常用的字符串截取方法，我们可以用substr函数截取字符串中的指定部分，检查查询结果等等。需要注意，在使用substr函数时，起始位置和截取长度应该是非负整数，否则会造成不必要的计算错误。初学者可以通过不断地练习和实践，掌握substr函数的使用方法。