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

Answer 1

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

MDN documentation 说：

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

URL 参数通常留空或在您自己的网站上设置相对 URL，例如 #/hello。