js如何获取url

可以通过 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的详细内容，更多请关注www.sxiaw.com其它相关文章！