Javascript history.PushState不起作用？

Question

我有这段代码：

<script type="text/javascript">
function goFunction(){
  history.pushState("google.ca", "GOOGLE CANADA", "http://www.google.ca");
  return event.preventDefault();
}
</script>

和

<a href="#" onclick="javascript:goFunction();">GO</a>

当我点击我的链接时，在错误日志中出现了以下错误：

 Uncaught SecurityError: A history state object with URL 'http://www.google.ca/' cannot be created in a document with origin 'http://cowelllaserhair.com'. 

您可以在以下网址查看：http://cowelllaserhair.com/test.html

我做错了什么吗？

我需要引用一些东西吗？

谢谢， J

- user1269625

---

为什么你想要将你的应用程序状态推送到不同的站点？ - Daniel A. White

Answer 1

pushState方法中的URL参数应该相对于当前页面，或者是自己域名下的绝对URL。您不能跨域推送状态-这将是一个重大的安全漏洞。 MDN文档说：

新历史记录条目的URL由此参数给出。请注意，在调用pushState()后，浏览器不会尝试加载此URL，但它可能在以后尝试加载URL，例如在用户重新启动浏览器后。新URL不需要是绝对的；如果它是相对的，它将相对于当前URL解析。新URL必须与当前URL具有相同的来源;否则，pushState()将抛出异常。此参数是可选的；如果未指定，则设置为文档的当前URL。

URL参数最常见的是留空或在自己的站点上设置相对URL，如#/hello。

- joews

---

这也可能发生在您的字符串格式不正确的情况下。例如，如果您通过将对象（例如路径和状态）传递给<Link to={obj}>来解析路径，请注意斜杠 - 如果您将变量插入到路径中，则很容易失去它们的跟踪。但在您的情况下，显然选择的答案就是这种情况。 - struensee