Comment les chemins relatifs sont-ils résolus dans les fichiers JavaScript externes ?

Chemins relatifs dans les fichiers Javascript externes

Lors de l'utilisation de fichiers Javascript externes dans une application Web, il est important de comprendre comment les chemins de fichiers sont résolus.

Les chemins sont relatifs à la page affichée pour le JS externe Fichiers

Contrairement au Javascript intégré, les chemins spécifiés dans les fichiers JS externes sont relatifs à la page en cours d'affichage, et non à l'emplacement physique du fichier JS. Cela peut prêter à confusion si vous êtes habitué à travailler avec l'opérateur tilde (~) d'ASP.NET.

Exemple

Considérez le fichier JS externe suivant :

$("#toggle").click(function() {
  if (left.width() > 0) {
    AnimateNav(left, right, 0);
    $(this).css("background", "url('../Images/filters_expand.jpg')");
  }
  else {
    AnimateNav(left, right, 170);
    $(this).css("background", "url('../Images/filters_collapse.jpg')");
  }
});

À partir de la page Index.aspx, ce fichier JS trouverait les images spécifiées par rapport à la page Index.aspx emplacement. Ainsi, tant que le répertoire Images est situé à un niveau supérieur à la page Index.aspx, les chemins fonctionneront comme prévu.

Vérification de la résolution du chemin

Si vous Si vous ne savez pas comment un chemin sera résolu, vous pouvez imprimer une simple déclaration JS pour déterminer le chemin de base. Par exemple :

console.log("Current page path:", document.location.pathname);

Cela affichera le chemin de la page actuelle, que vous pourrez ensuite utiliser comme base pour vos chemins relatifs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!