window.history.pushState()数据，如何以及何时检索这些数据？

window.history.pushState()是HTML5中的一个方法，用于在浏览器历史记录中添加一个新的状态。它可以改变当前URL的路径和查询参数，但不会触发页面的刷新。

当使用window.history.pushState()方法添加一个新的状态时，可以通过window.onpopstate事件来监听浏览器的前进和后退操作。当用户点击浏览器的前进或后退按钮时，该事件会被触发，可以通过event.state属性获取到之前通过pushState()方法添加的状态数据。

要检索这些数据，可以在window.onpopstate事件的处理函数中使用event.state来访问之前添加的状态数据。event.state返回一个表示之前状态的对象，可以包含任意类型的数据。

在何时检索这些数据取决于具体的应用场景。一种常见的应用场景是使用pushState()方法改变URL路径和查询参数，然后根据不同的URL状态加载不同的内容，实现无刷新的页面切换。在这种情况下，可以在window.onpopstate事件中根据不同的状态数据加载相应的内容。

以下是一个示例代码：

// 添加新的状态
var stateObj = { foo: "bar" };
window.history.pushState(stateObj, "page 2", "page2.html");

// 监听浏览器前进后退操作
window.onpopstate = function(event) {
  // 获取之前添加的状态数据
  var state = event.state;
  
  // 根据状态数据加载相应的内容
  if (state && state.foo === "bar") {
    // 加载page2.html的内容
    // ...
  } else {
    // 加载默认内容
    // ...
  }
};

推荐的腾讯云相关产品：腾讯云对象存储（COS），用于存储和管理大规模的非结构化数据，适用于图片、音视频、文档等多媒体文件的存储和处理。产品介绍链接地址：https://cloud.tencent.com/product/cos