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文档说：

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

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