可以通过 JavaScript 获取 URL 的以下内容：直接获取整个 URL：const url = window.location.href;解析 URL 的特定部分：const url = new URL(window.location.href);获取查询参数：const url = new URL(window.location.href); const searchParams = url.searchParams;获取哈希：const hash = window.location.
如何使用 JavaScript 获取 URL
直接获取
最简单的方法是直接从 window.location 对象获取 URL：
const url = window.location.href;
登录后复制
解析 URL
要获取 URL 的特定部分，可以使用 URL 对象：
const url = new URL(window.location.href);const protocol = url.protocol;const hostname = url.hostname;const pathname = url.pathname;
登录后复制
获取查询参数
要获取 URL 查询参数（? 之后的字符串），可以使用 URLSearchParams 对象：
const url = new URL(window.location.href);const searchParams = url.searchParams;// 遍历查询参数for (const [key, value] of searchParams.entries()) { console.log(`${key}: ${value}`);}
登录后复制
获取哈希
要获取 URL 哈希（# 之后的字符串），可以使用 location.hash 属性：
const hash = window.location.hash;
登录后复制
获取相对 URL
要获取相对于当前页面的 URL，可以使用 location.pathname 属性：
const relativePath = window.location.pathname;
登录后复制
示例
下面的示例展示了如何使用 JavaScript 获取 URL 的不同部分：
const url = window.location.href;const parsedURL = new URL(url);console.log(`URL: ${url}`);console.log(`协议: ${parsedURL.protocol}`);console.log(`域名: ${parsedURL.hostname}`);console.log(`路径名: ${parsedURL.pathname}`);const searchParams = parsedURL.searchParams;for (const [key, value] of searchParams.entries()) { console.log(`${key}: ${value}`);}console.log(`哈希: ${window.location.hash}`);console.log(`相对路径: ${window.location.pathname}`);
登录后复制
以上就是js如何获取url的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2663476.html
