通过window.open，跳页，会把sessionStorage也复制过去吗

通过`window.open`创建的新页面窗口默认不会直接继承父窗口（当前页面）的`sessionStorage`。因为`sessionStorage`仅限于同源策略范围内的页面，新打开的窗口通常被视为独立的同源上下文。

然而，如果你在打开新窗口时传递了`sessionStorage`数据作为URL查询参数或者POST请求的一部分，那么新窗口可以在接收到这些参数后读取并使用。例如，你可以这样做：

// 父页面
const dataToShare = sessionStorage.getItem('dataKey');
const newWindow = window.open('newPage.html?sharedData=' + encodeURIComponent(dataToShare));

// 新页面 (newPage.html)
let receivedData = decodeURIComponent(window.location.search.split('sharedData=')[1]);
if (receivedData) {
  sessionStorage.setItem('sharedData', receivedData);
}

这里，新页面通过解析URL查询字符串来获取数据。但是这种方式有局限性，数据传输长度受制于URL的最大长度，而且不是所有用户都会接受这种操作。

总之，在使用`window.open`时，除非特别设计，新页面不会自动继承`sessionStorage`内容。

相关问题

将window.open动作 存储到 sessionStorage

将`window.open`动作存储到`sessionStorage`是一种在客户端保存信息的方式，可以在浏览器会话结束之前保持数据的存在。这通常用于需要用户界面之间共享数据的情况。为了将`window.open`的结果存储到`sessionStorage`，你可以按照以下步骤操作：

### 步骤一：打开新窗口

首先，在JavaScript中使用`window.open`函数打开一个新的窗口。

let newWindow = window.open('https://example.com', '_blank');

这里，我们创建了一个新的窗口并指定了目标窗口名称为 `_blank` ，这意味着新窗口将在当前页面的新标签页中打开。

### 步骤二：存储窗口ID或状态信息

接着，我们需要找到如何将新窗口的信息存储起来。一种方法是在新窗口关闭或内容加载完毕时，将窗口的状态（如窗口的URL、标题等）或某个特定值（例如窗口ID）存储到`sessionStorage`。

假设我们在新窗口打开后希望将其URL存储起来，可以这样做：

newWindow.onload = function() {
  // 获取新窗口的URL
  let url = newWindow.location.href;
  
  // 将URL存入sessionStorage
  sessionStorage.setItem('newWindowUrl', url);
};

### 步骤三：从`sessionStorage`获取信息

当需要从新打开的窗口获取信息时，可以使用`sessionStorage.getItem()`函数。例如：

// 从sessionStorage读取新窗口的URL
let savedUrl = sessionStorage.getItem('newWindowUrl');

if (savedUrl) {
  console.log(`新窗口的URL是: ${savedUrl}`);
} else {
  console.log("没有从sessionStorage检索到新窗口的URL");
}

### 相关问题:

1. **何时使用sessionStorage？**
使用`sessionStorage`通常是为了在不同页面或表单之间存储临时数据，这些数据会在用户关闭浏览器会话前一直保留。

2. **区别于localStorage？**
`localStorage`和`sessionStorage`的主要区别在于生命周期上：`localStorage`的数据在浏览器关闭后仍然存在，而`sessionStorage`的数据则仅在浏览器会话结束后消失。

3. **如何清除sessionStorage的内容？**
可以通过`sessionStorage.removeItem(key)`删除指定键名对应的所有值，或者使用`sessionStorage.clear()`清除所有已设置项。

通过 window.open打开不同源链接 设置sessionStorage和localStorage

在通过`window.open`打开不同源链接的新窗口时，由于跨域安全策略的限制，无法直接在新窗口中设置sessionStorage和localStorage。但是，你可以使用postMessage API来实现在新窗口中设置这些存储。

以下是一个示例代码：

var newWindow = window.open('https://example.com');

newWindow.onload = function() {
  // 在新窗口中设置sessionStorage
  newWindow.postMessage({ action: 'setSessionStorage', key: 'key', value: 'value' }, 'https://example.com');

  // 在新窗口中设置localStorage
  newWindow.postMessage({ action: 'setLocalStorage', key: 'key', value: 'value' }, 'https://example.com');
};

在上述代码中，我们使用`window.open`打开了一个新窗口，并将其赋值给变量`newWindow`。然后，我们使用`onload`事件监听器确保新窗口完全加载后执行代码。在`onload`事件处理程序中，我们使用`postMessage`方法向新窗口发送一个消息。

在新窗口的页面中，你需要添加以下代码来接收并处理消息：

window.addEventListener('message', function(event) {
  // 判断消息来源是否可信
  if (event.origin === 'https://example.com') {
    var data = event.data;
    if (data.action === 'setSessionStorage') {
      // 在新窗口中设置sessionStorage
      sessionStorage.setItem(data.key, data.value);
    } else if (data.action === 'setLocalStorage') {
      // 在新窗口中设置localStorage
      localStorage.setItem(data.key, data.value);
    }
  }
});

在新窗口的页面中，我们添加了一个事件监听器来接收来自主窗口的消息。然后，我们检查消息来源是否可信，并根据消息的action属性来设置sessionStorage或localStorage的值。

通过以上方法，你可以在通过`window.open`打开的不同源链接的新窗口中设置sessionStorage和localStorage的值。

注意：使用postMessage API时，确保消息来源可信，以防止恶意代码的注入和跨站点脚本攻击。

希望这个示例对你有帮助！如果你还有其他问题，请随时向我提问。