Bagaimanakah Laluan Relatif dalam Fail JavaScript Luaran Berfungsi, dan Apakah Amalan Terbaik untuk Penggunaan?

Laluan Relatif dalam Fail Luaran JavaScript

Apabila menggunakan laluan relatif dalam fail JavaScript yang berada di luar dokumen HTML, laluan itu ditafsirkan secara relatif kepada halaman HTML di mana skrip disertakan, bukan lokasi fail JavaScript.

Ini boleh menjadi isu apabila menggunakan laman web ke direktori maya, kerana laluan mungkin menjadi salah. Untuk menyelesaikan masalah ini, anda boleh menggunakan laluan mutlak yang merangkumi maklumat direktori maya.

Selain itu, menggunakan laluan mutlak lebih diutamakan atas sebab prestasi, kerana penyemak imbas tidak perlu melintasi sistem fail untuk mencari fail .

Penyelesaian untuk Direktori Maya

Untuk memastikan bahawa laluan adalah betul apabila digunakan ke direktori maya, gunakan laluan mutlak yang merangkumi maklumat direktori maya. Contohnya, jika direktori maya anda ialah "tapak saya", dan fail JavaScript terletak dalam folder "Skrip", laluannya ialah:

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

Ini akan memastikan penyemak imbas menemui fail JavaScript dengan betul , tidak kira di mana ia digunakan.

Laluan dalam Fail JavaScript Luaran

Tidak kira sama ada laluan mutlak atau relatif digunakan, laluan dalam fail JavaScript luaran sentiasa relatif kepada halaman HTML tempat skrip disertakan. Ini adalah benar walaupun untuk laluan yang bermula dengan garis miring "/", yang menunjukkan laluan mutlak daripada punca tapak web.

Oleh itu, apabila menyertakan fail JavaScript luaran, biasanya lebih disukai untuk menggunakan relatif laluan yang berdasarkan lokasi halaman HTML. Ini akan memastikan bahawa laluan adalah betul apabila tapak web digunakan ke lokasi atau domain yang berbeza.

Petua Tambahan

Anda juga boleh menggunakan pembolehubah untuk menyimpan pangkalan laluan tapak web anda, seperti:

var basePath = document.location.origin;

Dan kemudian gunakan pembolehubah ini untuk membina laluan ke imej dan lain-lain sumber:

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

Teknik ini boleh menjadikan kod anda lebih mudah alih dan lebih mudah diselenggara.

Atas ialah kandungan terperinci Bagaimanakah Laluan Relatif dalam Fail JavaScript Luaran Berfungsi, dan Apakah Amalan Terbaik untuk Penggunaan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!