URL常用JS处理方法

href.substring(0, href.indexOf('#') + 1) 这段代码是对页面 URL 的处理，使用了 JavaScript 中字符串的 substring 方法。下面是对这段代码的详细解释：

href 是一个包含当前页面 URL 的字符串。

href.indexOf('#') 用于获取井号 # 在 href 字符串中的索引位置。如果页面 URL 中没有井号，indexOf('#') 将返回 -1。

href.substring(0, href.indexOf('#') + 1) 则是使用 substring 方法截取字符串的一部分。具体来说，它截取了从字符串的开头到井号之前（包括井号）的部分。

第一个参数 0 表示截取的起始位置。
第二个参数 href.indexOf('#') + 1 表示截取的结束位置。+ 1 是为了包括井号本身。
现在，让我们通过一个简单的例子来说明这个过程：

const href = 'https://example.com/page#section';

// 获取井号之前的部分，包括井号
const result = href.substring(0, href.indexOf('#') + 1);

console.log(result);
// 输出结果为 'https://example.com/page#'

常用于处理页面 URL 的其他方法包括：

href.split(‘#’): 将字符串以井号为分隔符拆分成数组，返回数组的第一个元素即为井号之前的部分。

const parts = href.split('#');
const result = parts[0];

console.log(result);
// 输出结果为 'https://example.com/page'

href.replace(‘#section’, ‘’): 将字符串中的特定子串替换为空字符串，可以用于移除井号及其后面的部分。

const result = href.replace('#section', '');

console.log(result);
// 输出结果为 'https://example.com/page'