Maison >interface Web >tutoriel CSS >Comment les chemins relatifs sont-ils résolus dans les fichiers JavaScript externes ?

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

Susan Sarandon
Susan Sarandonoriginal
2024-12-05 15:21:10505parcourir

How Are Relative Paths Resolved in External JavaScript Files?

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn