Comment puis-je définir une page de base href Javascript?

Je veux mettre une page de base de l'attribut "href" Javascript basé sur l'hôte courant. J'ai généré des pages HTML qui peuvent être consultés sur les différents noms d'hôte, ce qui signifie que la génération d'une base de href de la balise va travailler dans un nom d'hôte, mais va être incorrecte dans l'autre.

  • J'ai habituellement une des constantes de fichier JS que je comprend que je $.serverRoot à être le parent de la racine de l'hôte (par exemple, $.serverRoot = '/myapp/';
  • Qui fonctionne pour des choses comme des requêtes AJAX, mais si je devais régler tous les chemins de l'image et lien hrefs de compte pour une variable Javascript que j'aurais du faire une énorme quantité de travail. À l'aide de la base de href de la balise résout beaucoup de problèmes que j'avais avec le fait d'avoir le même fichier HTML accessible sur les différents noms d'hôte, mais il introduit le problème de mauvais chemins sur un nom d'hôte.
InformationsquelleAutor Zach Gardner | 2010-08-16
  1. 34

    La bonne façon de faire cela est de faire un document.écrire de la balise basé sur l'hôte courant:

    Correct:

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

    Cette méthode a produit des résultats corrects dans IE, FF, Chrome et Safari. Il produit un (bon) résultat différent de celui procédant de la manière suivante:

    Incorrect:

    <script type="text/javascript">
var newBase = document.createElement("base");
newBase.setAttribute("href", document.location.hostname);
document.getElementsByTagName("head")[0].appendChild(newBase);
</script>
    • J'ai eu quelques ennuis avec Google robot lors de l'utilisation de cette méthode. Je n'ai pas mis un espace entre " et />", et que le robot est intepreting ma base href tant que document.emplacement.hostname'/>. Cela peut être un problème avec cette solution. Pour plus d'informations, voir: google.com/support/forum/p/Webmasters/...
    • Il n'y a pas de raison présentés pourquoi document.write serait “correct” et l'insertion d'un noeud dans l'arborescence du document serait “incorrect”. La question tombe dans la catégorie “résoudre le mauvais problème”, mais l'approche décrite comme “correcte” ici souvent d'insérer un base balise dans un mauvais endroit pour commencer. Si le code est dans le head partie, c'est plutôt inutile (pourquoi ne pas mettre le droit base tag il y HTML?), et si elle est exécutée ailleurs, il sera généralement insérer base en body.
    • Je suis curieux de savoir pourquoi la "mauvaise" méthode est incorrecte.
    • La "mauvaise" méthode ne permet pas réellement de travail. La seule façon d'obtenir le navigateur pour modifier dynamiquement sa base href est la "bonne" méthode.
    • Salut! Selon mes tests dans mon angulaire de la page web, le document.le mode d'écriture, ne semblent pas à l'ajouter à la base de la balise jusqu'à ce qu'il soit trop tard. J'ai comparé le balisage lors de l'ajout de javascript ou de coder en dur dans le balisage, a la même apparence, mais js solution ne s'appliquent pas à toute la base de fonctionnalités de balise, même si "semble" comme il est en place... des idées?
    • Shouldnt http: être document.location.protocol ?
    • Je suis la recherche que sur la charge initiale, même si le document.écrire, c'est au-dessus de la feuille de style des liens et des autres actifs, Chrome est d'abord la recherche de fichiers à l'url d'origine, et ensuite d'essayer de nouveau en utilisant le contenu de <base />. Par exemple, si mon URL d'origine est site.dev/compte, et le résultat de ce document.écrire, c'est le réglage de base de site.dev, les actifs sont d'abord essayer de les charger à partir de /compte/, le serveur renvoie une erreur 404, puis ils correctement la charge à partir de site.dev.

    InformationsquelleAutor Zach Gardner
  2. 5

    Je pense que vous feriez mieux de le faire de cette façon 

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

    Comme location.hostname ne retourne pas le contexte de l'application de la racine! Vous pouvez également connecter le document.location sur la console console.log pour voir toutes les métadonnées disponibles sur document.location.

    • C'est en fait plus approprié ces jours-ci (que l'aide document.write). Sur une note pratique: cela a fonctionné pour moi dans jsFiddle tout document.write n'a pas.
    InformationsquelleAutor Mahieddine M. Ichir
  3. 1

    document.write("");

    HTML:

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

    InformationsquelleAutor Aleem Latif