Wie werden relative Pfade in externen JavaScript-Dateien aufgelöst?

Relative Pfade in externen Javascript-Dateien

Bei der Verwendung externer Javascript-Dateien in einer Webanwendung ist es wichtig zu verstehen, wie Dateipfade aufgelöst werden.

Pfade sind relativ zur angezeigten Seite für externes JS Dateien

Im Gegensatz zu eingebettetem Javascript sind in externen JS-Dateien angegebene Pfade relativ zur aktuell angezeigten Seite und nicht zum physischen Speicherort der JS-Datei. Dies kann verwirrend sein, wenn Sie es gewohnt sind, mit dem Tilde-Operator (~) von ASP.NET zu arbeiten.

Beispiel

Betrachten Sie die folgende externe JS-Datei:

$("#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')");
  }
});

Auf der Seite „Index.aspx“ würde diese JS-Datei die angegebenen Bilder relativ zu „Index.aspx“ finden Standort der Seite. Solange sich das Bilderverzeichnis also eine Ebene über der Seite „Index.aspx“ befindet, funktionieren die Pfade wie erwartet.

Überprüfen der Pfadauflösung

Wenn Sie Wenn Sie sich nicht sicher sind, wie ein Pfad aufgelöst wird, können Sie eine einfache JS-Deklaration drucken, um den Basispfad zu ermitteln. Zum Beispiel:

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

Dadurch wird der Pfad der aktuellen Seite ausgegeben, den Sie dann als Basis für Ihre relativen Pfade verwenden können.

Das obige ist der detaillierte Inhalt vonWie werden relative Pfade in externen JavaScript-Dateien aufgelöst?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!