new URL(window.location.href)

`new URL(window.location.href)`是一个JavaScript语法，用于创建一个URL对象，该对象表示当前页面的URL。它可以用于获取当前页面的各种信息，例如协议、主机名、端口、路径、查询参数等。以下是一个例子：

// 获取当前页面的协议
console.log(new URL(window.location.href).protocol); // 输出：http

// 获取当前页面的主机名
console.log(new URL(window.location.href).hostname); // 输出：domain.com

// 获取当前页面的路径
console.log(new URL(window.location.href).pathname); // 输出：/path/to/page

// 获取当前页面的查询参数
console.log(new URL(window.location.href).searchParams.get('topic')); // 输出：api

相关问题

new URL(window.location.href).origin

`new URL(window.location.href).origin`是一个JavaScript语法，用于获取当前页面的源（origin），即协议（protocol）、主机（hostname）和端口（port）的组合。这个语法会返回一个字符串，例如`https://www.example.com:8080`。在这个例子中，协议是`https`，主机是`www.example.com`，端口是`8080`。这个语法可以用于获取当前页面的源，也可以用于获取其他URL的源。

window.location.href附带headers

window.location.href是JavaScript中的一个属性，用于获取或设置当前页面的URL地址。它返回一个字符串，包含了完整的URL地址，包括协议、域名、端口号、路径和查询参数等信息。

然而，window.location.href并不能直接附带headers。headers是HTTP请求中的一部分，用于传递额外的信息给服务器。在浏览器中，headers通常是由浏览器自动添加的，包括User-Agent、Referer等。

如果你想在发送HTTP请求时附带headers，可以使用XMLHttpRequest对象或fetch API来发送请求，并在请求的headers中添加自定义的headers。下面是一个使用XMLHttpRequest对象发送带有自定义headers的请求的示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', window.location.href);
xhr.setRequestHeader('Custom-Header', 'value');
xhr.send();

在上述示例中，我们通过调用`setRequestHeader`方法来设置自定义的header，然后通过`send`方法发送请求。

如果你使用的是fetch API，可以使用Headers对象来设置headers。下面是一个使用fetch API发送带有自定义headers的请求的示例：

fetch(window.location.href, {
  headers: {
    'Custom-Header': 'value'
  }
})
  .then(response => {
    // 处理响应
  })
  .catch(error => {
    // 处理错误
  });

在上述示例中，我们通过传递一个包含自定义headers的对象作为fetch函数的第二个参数来发送请求。