Bagaimana untuk Mengendalikan Laluan Relatif dengan betul dalam Fail JavaScript Luaran?

Laluan Relatif dalam Fail Luaran JavaScript

Dalam JavaScript, laluan relatif dalam fail luaran ditafsir secara berbeza berdasarkan sama ada laluan ditentukan dalam direktori yang sama atau direktori yang berbeza.

Berkaitan dengan Halaman

Apabila fail JavaScript luaran disertakan dalam halaman menggunakan teg, laluan yang ditentukan dalam fail itu adalah relatif kepada direktori halaman. Contohnya, dalam struktur folder yang disediakan, laluan ke filters_expand.jpg imej hendaklah ../Images/filters_expand.jpg dalam fail myjsfile.js.

Berkaitan dengan Fail JavaScript

Walau bagaimanapun, jika laluan ke imej ditentukan dalam direktori yang berbeza daripada fail JavaScript, anda perlu menggunakan ../../[laluan-ke-imej]. Ini kerana fail JavaScript tidak berada dalam direktori yang sama dengan folder imej.

Penyelesaian

Penyelesaian yang dicadangkan ialah mencipta pembolehubah global yang menyimpan laluan akar daripada aplikasi web. Pembolehubah ini boleh diberikan menggunakan fungsi yang mengembalikan laluan ke direktori halaman. Contohnya:

var rootPath = function() {
  var scripts = document.getElementsByTagName("script");
  var currentScript = scripts[scripts.length - 1];
  return currentScript.src.substring(0, currentScript.src.lastIndexOf("/") + 1);
}();

Setelah anda mempunyai laluan akar, anda boleh menggunakannya untuk membina laluan relatif kepada sumber lain, seperti imej atau fail CSS:

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

Atas ialah kandungan terperinci Bagaimana untuk Mengendalikan Laluan Relatif dengan betul dalam Fail JavaScript Luaran?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!