javascript - tag - link html

¿Cómo configuro el href base de una página en Javascript?

Question

Quiero establecer el atributo href base de una página en Javascript basado en el nombre de host actual. He generado páginas HTML que se pueden ver en diferentes nombres de host, lo que significa que generar una etiqueta href básica funcionará en un nombre de host pero será incorrecto en el otro.

Answer 1

Creo que será mejor que lo hagas de esta manera.

 <script type="text/javascript">
document.head.innerHTML = document.head.innerHTML + "<base href=''" + document.location.href + "'' />";
</script>

Como location.hostname no devuelve la raíz de contexto de la aplicación! También puede registrar document.location en la consola console.log para ver todos los metadatos disponibles en document.location .

Answer 2

La forma correcta de hacer esto es hacer un documento.write de la etiqueta basada en el nombre de host actual:

Correcto:

<script type="text/javascript">
document.write("<base href=''http://" + document.location.host + "'' />");
</script>

Este método ha producido resultados correctos en IE, FF, Chrome y Safari. Produce un resultado diferente (correcto) que el siguiente:

Incorrecto:

<script type="text/javascript">
var newBase = document.createElement("base");
newBase.setAttribute("href", document.location.hostname);
document.getElementsByTagName("head")[0].appendChild(newBase);
</script>

Answer 3

document.write ("");

<script>
document.write("<base href=''"+ window.location.protocol +''//'' + window.location.host + "'' >");
</script>