Bagaimanakah Laluan Relatif Diselesaikan dalam Fail JavaScript Luaran?

Laluan Relatif dalam Fail Javascript Luaran

Apabila menggunakan fail Javascript luaran dalam aplikasi web, adalah penting untuk memahami cara laluan fail diselesaikan.

Laluan Adalah Relatif dengan Halaman Yang Dipaparkan untuk JS Luaran Fail

Berbeza dengan Javascript terbenam, laluan yang ditentukan dalam fail JS luaran adalah relatif kepada halaman semasa yang dipaparkan, bukan kepada lokasi fizikal fail JS. Ini boleh mengelirukan jika anda terbiasa menggunakan operator tilde (~) ASP.NET.

Contoh

Pertimbangkan fail JS luaran berikut:

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

Dari halaman Index.aspx, fail JS ini akan mencari imej yang ditentukan berbanding dengan Index.aspx lokasi halaman. Jadi, selagi direktori Imej terletak satu tahap ke atas daripada halaman Index.aspx, laluan akan berfungsi seperti yang diharapkan.

Menyemak Resolusi Laluan

Jika anda tidak pasti bagaimana laluan akan diselesaikan, anda boleh mencetak pengisytiharan JS mudah untuk menentukan laluan asas. Contohnya:

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

Ini akan mengeluarkan laluan halaman semasa, yang kemudiannya boleh anda gunakan sebagai asas untuk laluan relatif anda.

Atas ialah kandungan terperinci Bagaimanakah Laluan Relatif Diselesaikan dalam Fail JavaScript Luaran?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!