将 URL 导入 JavaScript 有以下几种方法：使用 window.location 对象获取当前页面的 URL 信息。使用 document.referrer 属性返回前一个页面的 URL。创建 URLSearchParams 接口对象来操作查询字符串。使用 XMLHttpRequest 对象发送 HTTP 请求并设置 URL。使用 fetch() API 发送 HTTP 请求并指定 URL。

如何将 URL 导入 JavaScript

将 URL 导入 JavaScript 有助于创建动态且交互式 web 页面。以下是将 URL 导入 JavaScript 的几种方法：

1. window.location

window.location 对象包含有关当前页面 URL 的信息。可以使用 href 属性获取完整的 URL，也可以使用以下属性访问特定部分：

<code class="js">window.location.href; // 完整的 URL
window.location.hostname; // 主机名
window.location.pathname; // 路径
window.location.search; // 查询字符串</code>

2. document.referrer

document.referrer 属性返回将用户重定向到当前页面的前一个页面的 URL：

<code class="js">document.referrer;</code>

3. URLSearchParams 接口

URLSearchParams 接口表示一个 URL 的查询字符串部分。可以将其创建为一个新对象，并提供 URL 作为参数：

<code class="js">let params = new URLSearchParams(window.location.search);</code>

然后，可以使用 get() 和 set() 方法来检索和修改查询参数的值：

<code class="js">params.get('param'); // 获取参数值
params.set('param', 'value'); // 设置参数值</code>

4. XMLHttpRequest

XMLHttpRequest 对象可用于向服务器发送 HTTP 请求，包括 GET 和 POST 请求。可以通过以下方式设置请求的 URL：

<code class="js">let xhr = new XMLHttpRequest();
xhr.open('GET', 'url');</code>

5. fetch() API

fetch() API 提供了一种更现代化的方法来发送 HTTP 请求。可以通过以下方式指定 URL：

<code class="js">fetch('url')
  .then(response => {
    // 响应处理代码
  });</code>