JavaScript获取页面URL的一部分[重复]

Posted 2023-02-22

【中文标题】JavaScript获取页面URL的一部分[重复]

【英文标题】：JavaScript get portion of a page URL [duplicate]

【发布时间】：2021-11-23 08:11:11

【问题描述】：

有没有一种使用 html css 和 javascript 的方法可以在前 10 个字符之后找到网页的 URL。例如，如果 URL 是 random.com/abc，程序将只获取 URl 的 /abc 部分并将其记录在控制台中。如何做到这一点？

【问题讨论】：

(new URL('http://www.example.com/abc/123')).pathname

网址在哪里？网页、链接、纯文本？

【参考方案1】：

要获取路径，请使用 pathName。

console.log(window.location.pathname);
console.log((new URL('http://www.example.com/abc/123')).pathname);

没有理由拆分和使用索引。

【参考方案2】：

您需要从窗口位置对象中获取路径名。

window.location.pathname

【参考方案3】：

是的，您可以使用 window.location.href 完成此操作。

示例输出：

window.location.href: 'https://***.com/questions/69409934/javascript-get-portion-of-a-page-url'

你现在可以拆分这个字符串，得到想要的部分：

window.location.href.split('/')

输出：

0: "https:"
1: ""
2: "***.com"
3: "questions"
4: "69409934"
5: "javascript-get-portion-of-a-page-url"
length: 6

现在将其登录到控制台：

console.log(window.location.href.split('/')[3])

你的结果：

'questions'

【讨论】：

split() 在内置时是一个糟糕的选择......

【参考方案4】：

您可以使用window.location.href 和substring() 来选择特定索引之后的字符范围或字符。

window.location.href.substring(10);