Bagaimanakah Saya Boleh Menghuraikan URL dengan Cekap dalam JavaScript untuk Mengekstrak Nama Hos dan Laluan?

Menghuraikan URL dalam JavaScript: Mengekstrak Nama Hos dan Laluan

Apabila bekerja dengan URL dalam JavaScript, selalunya perlu mengekstrak komponen tertentu daripada rentetan perwakilan. Dalam kes ini, matlamatnya adalah untuk menghuraikan URL ke bahagian konstituennya, termasuk nama hos (cth., "example.com") dan laluan (cth., "/aa/bb").

Penyelesaian Moden

Pendekatan moden dan piawai untuk penghuraian URL dalam JavaScript adalah melalui penggunaan pembina URL. Pertimbangkan contoh berikut:

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

Pembina ini mengembalikan objek dengan sifat berikut:

• nama hos: "example.com"
• nama laluan: "/aa/bb"

Nota:

• hos termasuk kedua-dua nama hos dan port (jika ada), manakala nama hos mengandungi domain sahaja .
• URL relatif (tanpa protokol atau domain) memerlukan hujah kedua, URL asas, untuk penghuraian yang betul. Contohnya:

let a = new URL("/aa/bb/", location);

Pilihan Warisan

• RegExp: Ungkapan biasa juga boleh digunakan untuk mengekstrak nama hos dan laluan, tetapi ia memerlukan padanan corak yang kompleks.
• Anchor Teg: Mencipta elemen utama dalam DOM dan memberikan URL kepada atribut href menyediakan akses kepada sifat komponen seperti nama hos dan nama laluan.

Pertimbangan

• Pembina URL moden disokong dalam kebanyakan pelayar utama dan Node.js versi.
• Untuk persekitaran yang lebih lama, kaedah lama atau polyfill mungkin diperlukan.

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