JavaScript 获取原始 URL

在 Web 开发中，获取原始 URL 可以是非常有用的一项功能。JavaScript 提供了一种简单的方法来获取当前页面的原始 URL。

使用 window.location.href

window.location.href 属性可以返回当前页面的完整 URL，包括协议、主机、路径和查询参数等信息。下面是一段示例代码：

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

该代码会将当前页面的 URL 输出到控制台中。

使用 URL 对象

ES6 引入了 URL 构造函数和 URLSearchParams 接口，用于解析和操作 URL 字符串。可以将当前页面的 URL 传递给 URL 构造函数，然后使用 URL 对象提供的方法来访问各个部分。以下是一个简单的例子：

const url = new URL(window.location.href);
console.log(url.origin);
console.log(url.pathname);

该代码会输出当前页面的协议和主机名，以及路径部分。

总结

JavaScript 提供了两种方法来获取原始 URL：使用 window.location.href 属性或 URL 对象。前者返回 URL 字符串，后者提供了更多的细节信息和操作方法。根据需求选择合适的方法即可。