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

看到这一点

我做错了什么？

我需要引用某些内容吗？

谢谢， Ĵ

Answer 1

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

MDN documentation说：

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

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

Javascript history.PushState无法正常工作？

1 个答案: