在后台脚本中获取页面的 url - Javascript

在编写后台脚本时，可能需要获取当前页面的 url。本文介绍几种获取当前页面 url 的方法。

使用 window.location.href

window.location.href 属性返回当前页面的 URL。该属性是一个字符串，它包含协议，域名，端口号和路径。

const url = window.location.href;
console.log(url);

使用 window.location.protocol + window.location.host + window.location.pathname

window.location.protocol 属性返回当前页面使用的协议（通常是 http 或 https）。

window.location.host 属性返回当前页面的域名和端口号。

window.location.pathname 属性返回当前页面的路径部分。

const protocol = window.location.protocol;
const host = window.location.host;
const pathname = window.location.pathname;
const url = `${protocol}//${host}${pathname}`;
console.log(url);

使用 document.URL

document.URL 属性返回当前页面的 URL。该属性是一个字符串，它包含协议，域名，端口号，路径和查询字符串。

const url = document.URL;
console.log(url);

使用 location.href

location.href 属性返回当前页面的 URL。该属性是一个字符串，它包含协议，域名，端口号，路径和查询字符串。

const url = location.href;
console.log(url);

以上是几种获取当前页面 url 的方法，根据不同的场景选择不同的方法即可。