window.open带header信息

`window.open` 方法是用于打开一个新的浏览器窗口，但是它并不支持直接传递 header 信息。如果你需要在打开新窗口时携带 header 信息，可以考虑使用 XMLHttpRequest 对象来发送请求，并在成功获取响应后使用 `window.open` 方法打开新窗口。

具体实现步骤如下：

1. 创建一个 XMLHttpRequest 对象，并设置 request headers，如下：

var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.setRequestHeader('Authorization', 'Bearer ' + token);

2. 发送请求，获取响应，如下：

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = xhr.responseText;
    // 在获取到响应后，可以使用 window.open 方法打开新窗口
    window.open(response);
  }
};
xhr.send();

在这个示例中，我们使用了 XMLHttpRequest 对象来发送 GET 请求，并在请求头中设置了 Authorization。在获取到响应后，我们使用 window.open 方法打开了一个新窗口。

相关问题

window.location.href自定义header

window.location.href是一个JavaScript属性，用于获取或设置当前页面的URL地址。它可以用于在浏览器中打开新的页面或刷新当前页面。然而，它与自定义header没有直接的关联。

自定义header是在HTTP请求中添加自定义的HTTP头部信息。它通常用于在请求中传递额外的数据或标识身份验证信息。要自定义header，你需要使用其他方法，而不是使用window.location.href。

以下是一个示例，演示如何使用XMLHttpRequest对象发送带有自定义header的HTTP请求：

var xhr = new XMLHttpRequest();
xhr.open("GET", "/url", true);
xhr.setRequestHeader("Custom-Header", "Custom Value");
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功的处理逻辑
  }
};
xhr.send();

在上面的示例中，我们使用XMLHttpRequest对象发送一个GET请求，并在请求头中添加了一个名为"Custom-Header"的自定义header。

window.open 中文乱码

当你使用`window.open`打开一个包含中文的链接时，如果页面编码处理不当，确实可能导致中文显示乱码。这通常发生在跨源（Same-Origin Policy）情况下，因为浏览器为了安全考虑，对于非同源打开的新窗口，可能会限制某些字符集的使用。

解决这个问题的步骤包括：

1. **确保目标页面编码**：在HTML文件中设置合适的`<meta>`标签指定正确的字符编码，例如`<meta charset="UTF-8">`。

2. **正确编码URL**：在调用`window.open`时，对于包含中文的路径或查询字符串，要用`encodeURIComponent`进行编码，确保中文被转换成URI编码形式。

3. **处理跨域**：如果是由于同源策略导致的问题，你可以尝试设置`header("Content-type: text/html; charset=utf-8")`来告诉浏览器允许跨源获取资源，并确保服务器支持UTF-8编码。

4. **JavaScript解码**：在打开新窗口后，如果内容是通过JavaScript动态生成的，记得在渲染时对内容进行解码。

var content = decodeURIComponent(encodedContent);