Comment fonctionnent les chemins relatifs dans les fichiers JavaScript externes et quelle est la meilleure pratique de déploiement ?

Chemins relatifs dans les fichiers externes JavaScript

Lors de l'utilisation de chemins relatifs dans des fichiers JavaScript externes aux documents HTML, le chemin est interprété par rapport à la page HTML où le script est inclus, et non l'emplacement du fichier JavaScript.

Cela peut être un problème lors du déploiement d'un site Web dans un répertoire virtuel, car les chemins peuvent devenir incorrects. Pour résoudre ce problème, vous pouvez utiliser un chemin absolu qui inclut les informations du répertoire virtuel.

De plus, l'utilisation d'un chemin absolu est préférable pour des raisons de performances, car le navigateur n'a pas besoin de parcourir le système de fichiers pour localiser le fichier. .

Solution pour les répertoires virtuels

Pour garantir que les chemins sont corrects lors du déploiement sur un répertoire virtuel, utilisez un chemin absolu qui inclut les informations du répertoire virtuel. Par exemple, si votre répertoire virtuel est "monsite" et que le fichier JavaScript se trouve dans le dossier "Scripts", le chemin serait :

<script src="/mysite/Scripts/myjsfile.js"></script>

Cela garantira que le navigateur trouve correctement le fichier JavaScript , quel que soit l'endroit où il est déployé.

Chemins dans les fichiers JavaScript externes

Qu'il s'agisse d'un chemin absolu ou relatif est utilisé, les chemins dans les fichiers JavaScript externes sont toujours relatifs à la page HTML où le script est inclus. Cela est vrai même pour les chemins commençant par une barre oblique "/", qui indique un chemin absolu depuis la racine du site Web.

Par conséquent, lors de l'inclusion d'un fichier JavaScript externe, il est généralement préférable d'utiliser un chemin relatif. chemin basé sur l'emplacement de la page HTML. Cela garantira que le chemin est correct lorsque le site Web est déployé vers un emplacement ou un domaine différent.

Conseil supplémentaire

Vous pouvez également utiliser une variable pour stocker la base chemin de votre site Web, tel que :

var basePath = document.location.origin;

Et puis utilisez cette variable pour construire des chemins vers des images et autres ressources :

$(this).css("background", "url('" + basePath + "/Images/filters_expand.jpg')");

Cette technique peut rendre votre code plus portable et plus facile à maintenir.

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!