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

URL参数pushState应该相对于当前页面,或者是您自己域中的绝对URL.你不能推动州跨域 - 这将是一个重大的安全漏洞.

该MDN文档说:

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

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