Bagaimanakah Saya Boleh Mengekstrak Nama Hos dan Laluan daripada URL dalam JavaScript?

Menghuraikan URL ke dalam Nama Hos dan Laluan dalam JavaScript

Untuk memproses rentetan URL menjadi objek di mana anda boleh mengakses nama hos dan nama laluan seperti yang dikehendaki , anda boleh menggunakan penyelesaian moden atau kaedah alternatif.

Pendekatan Moden dengan URL Objek:

Penyelesaian yang paling mudah ialah menggunakan pembina URL. Ia mencipta contoh objek URL yang menyediakan nama hos dan nama laluan sifat. Contohnya:

const a = new URL("http://example.com/aa/bb/");

console.log(a.hostname); // "example.com"
console.log(a.pathname); // "/aa/bb"

Perhatikan bahawa nama hos mengandungi domain sahaja, tidak termasuk sebarang maklumat port. Untuk kedua-dua domain dan port, anda boleh menggunakan hos sebaliknya.

Pendekatan Alternatif:

Jika pendekatan moden tidak tersedia, anda boleh mempertimbangkan kaedah alternatif ini:

• Ungkapan Biasa: Menggunakan ungkapan biasa, anda boleh mengekstrak nama hos dan nama laluan daripada URL rentetan. Walau bagaimanapun, ia boleh menjadi rumit dan terdedah kepada ralat.
• Penghuraian DOM: Anda boleh mencipta elemen HTML, menetapkan hrefnya kepada URL, dan kemudian menghuraikan DOM yang terhasil untuk mendapatkan semula yang diingini harta benda. Pendekatan ini memerlukan sokongan penyemak imbas dan boleh menjadi lebih perlahan.

Kesimpulan:

Penyelesaian moden dengan pembina URL ialah kaedah pilihan dan disyorkan untuk menghuraikan URL menjadi nama hos dan nama laluan dalam JavaScript.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengekstrak Nama Hos dan Laluan daripada URL dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!