JavaScript是一种广泛使用的前端编程语言，它提供了多种字符串操作的方法，其中截取字符串的方法主要有两种：substring和substr。这两种方法虽然都可以用于截取字符串，但它们的参数和使用方式略有不同。
我们来详细了解substring方法。substring方法用于提取字符串中介于两个指定下标之间的字符。这个方法接受一个或两个参数，其中第一个参数指定开始提取的位置（包含该位置的字符），第二个参数（可选）指定结束提取的位置（不包含该位置的字符）。如果只提供一个参数，则substring方法会提取从该参数指定的位置开始到字符串的末尾的所有字符。
例如，在JavaScript代码中使用substring方法进行字符串截取可以是这样的：
```javascript
var str = '欢迎各位童鞋到我们做客';
var sub = str.substring(3);
alert(sub); // 弹出的是"位童鞋到我们做客"
```
在这个例子中，substring方法的第一个参数是3，意味着截取操作是从字符串的第四个字符开始的（因为JavaScript的字符串索引是从0开始计数的），并提取到字符串结束。如果第二个参数也被提供，例如：
```javascript
var sub = str.substring(3, 11);
alert(sub); // 弹出的是"位童鞋到我们"
```
这里的substring方法将会提取从索引3开始，到索引11之前（不包括索引11处的字符）的子字符串。
接下来我们来看看substr方法。substr方法的功能与substring类似，但它的参数稍有不同。substr方法接受两个参数：第一个参数指定开始提取字符的位置（包含该位置的字符），第二个参数指定提取字符的个数。如果没有提供第二个参数，则substr方法会提取从第一个参数指定的位置开始直到字符串末尾的所有字符。
使用substr方法的示例代码如下：
```javascript
var str = '欢迎各位童鞋到我们做客';
var sub = str.substr(3);
alert(sub); // 弹出的是"位童鞋到我们做客"
```
这里，substr方法提取从第四个字符开始到字符串结束的所有字符。如果提供了第二个参数，比如：
```javascript
var sub = str.substr(3, 2);
alert(sub); // 弹出的是"位童"
```
此时substr方法会从索引3开始提取，但是只提取两个字符，因此得到的是"位童"。
需要注意的是，在某些旧版的浏览器中，substring和substr两个方法的行为可能略有不同。例如，在旧版的Internet Explorer浏览器中，substring方法的参数如果是负数或NaN时会将其转换为0，而substr方法如果第一个参数是负数，则会将该值加上字符串的长度，第二个参数如果是负数，则会被忽略。
在现代浏览器中，这两个方法的兼容性已经很好，开发者可以根据具体的需求和使用场景选择使用substring还是substr。一般情况下，如果需要按照位置截取字符串，则使用substring方法更为直观；如果需要按照长度截取字符串，则使用substr方法可能更方便一些。在使用时也要注意参数的正确性，确保不会出现逻辑错误。
