javascript - example - window location history

Historial de Javascript.PushState no funciona?

Question

Tengo este código aquí:

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

y

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

cuando hago clic en mi enlace, aparece este error en mi registro de errores:

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

Puede ver esto en: http://cowelllaserhair.com/test.html

¿Qué estoy haciendo mal?

¿Necesito hacer referencia a algo?

Gracias j

Answer 1

El argumento de la URL para pushState debe ser relativo a la página actual o una URL absoluta en su propio dominio. No se puede forzar el estado de dominio cruzado, sería un defecto de seguridad importante.

La documentación de MDN dice:

La nueva URL de la entrada del historial está dada por este parámetro. Tenga en cuenta que el navegador no intentará cargar esta URL después de una llamada a pushState (), pero podría intentar cargar la URL más tarde, por ejemplo, después de que el usuario reinicie su navegador. La nueva URL no necesita ser absoluta; si es relativo, se resuelve en relación con la URL actual. La nueva URL debe ser del mismo origen que la URL actual; de lo contrario, pushState () lanzará una excepción. Este parámetro es opcional; si no se especifica, se establece en la URL actual del documento.

El parámetro de URL generalmente se deja en blanco o establece una URL relativa en su propio sitio, como #/hello .