Berikut ialah beberapa pilihan tajuk, dengan mengambil kira format soalan dan kandungan artikel: * Apakah Perbezaan Antara Laluan Relatif dan Mutlak dalam JavaScript? (Mudah dan langsung) * Semula

Perbezaan Antara Laluan Relatif dan Mutlak dalam JavaScript

Pengenalan

Laluan fail digunakan untuk cari sumber seperti imej, helaian gaya dan skrip dalam halaman web. Memahami perbezaan antara laluan relatif dan mutlak adalah penting untuk rujukan sumber yang berkesan.

Laluan Relatif vs. Mutlak

Seperti yang dicadangkan oleh jawapan, laluan yang merujuk kepada punca direktori tapak web dikenali sebagai laluan mutlak. Ia bermula dengan pengecam protokol (seperti "http://") dan kemudian menentukan laluan lengkap ke fail. Contohnya:

<img src="http://www.example.com/images/kitten.png">

Satu laluan relatif, sebaliknya, ditentukan berhubung dengan direktori semasa. Ia tidak bermula dengan pengecam protokol dan merujuk kepada lokasi fail dalam direktori atau subdirektori semasa. Contohnya:

<img src="images/kitten.png">

Pertimbangan Prestasi

Penggunaan laluan relatif boleh membawa kepada peningkatan prestasi. Apabila menggunakan laluan mutlak, penyemak imbas perlu membuat permintaan kepada pelayan untuk sumber yang ditentukan, tidak kira sama ada sumber itu telah dicache secara setempat. Dengan laluan relatif, jika sumber itu sudah dicache secara setempat, penyemak imbas boleh mendapatkannya terus daripada cache, mengurangkan bilangan permintaan pelayan dan menambah baik masa muat.

Pertimbangan Keselamatan

Tiada implikasi keselamatan yang dikaitkan dengan menggunakan sama ada laluan relatif atau mutlak. Kedua-dua jenis laluan diselesaikan oleh penyemak imbas dan tidak boleh diakses oleh pengguna berniat jahat yang cuba mengeksploitasi kelemahan dalam tapak web anda.

Menukar Mutlak kepada Laluan Relatif

Sementara JavaScript melakukannya tidak menyediakan cara langsung untuk menukar laluan mutlak kepada laluan relatif, anda boleh menggunakan gabungan kaedah untuk mencapai ini:

1. Tentukan laluan direktori semasa menggunakan window.location.pathname.
2. Ekstrak laluan relatif dengan menolak laluan direktori semasa daripada laluan mutlak.
3. Jika perlu, laraskan laluan relatif untuk mengambil kira sebarang perbezaan dalam struktur subdirektori.

Contoh:

<code class="javascript">const absolutePath = "http://www.example.com/images/kitten.png";
const currentPath = window.location.pathname;
const relativePath = absolutePath.substring(currentPath.length); // "images/kitten.png"</code>

Atas ialah kandungan terperinci Berikut ialah beberapa pilihan tajuk, dengan mengambil kira format soalan dan kandungan artikel: * Apakah Perbezaan Antara Laluan Relatif dan Mutlak dalam JavaScript? (Mudah dan langsung) * Semula. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!