js如何获取url

<code class="js">const url = window.location.href;</code>

<code class="js">const url = new URL(window.location.href);
const protocol = url.protocol;
const hostname = url.hostname;
const pathname = url.pathname;</code>

<code class="js">const url = new URL(window.location.href);
const searchParams = url.searchParams;

// 遍历查询参数
for (const [key, value] of searchParams.entries()) {
  console.log(`${key}: ${value}`);
}</code>

<code class="js">const hash = window.location.hash;</code>

<code class="js">const relativePath = window.location.pathname;</code>

<code class="js">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}`);</code>