Bagaimana untuk Mengekstrak Nama Hos dan Laluan daripada URL dalam JavaScript?

Menghuraikan URL dalam JavaScript: Mengekstrak Nama Hos dan Laluan

Untuk membedah URL ke dalam nama hos dan laluannya, keperluan biasa dalam pembangunan web, JavaScript menawarkan beberapa pendekatan.

1. Menggunakan Objek URL

Diperkenalkan dalam penyemak imbas moden dan Node.js, objek URL menyediakan akses terus kepada sifat URL, termasuk nama hos dan nama laluan.

let url = new URL("http://example.com/aa/bb/");
console.log("Hostname: " + url.hostname);
console.log("Pathname: " + url.pathname);

2 . Padanan Ungkapan Biasa

Untuk senario di mana penghuraian URL langsung tidak tersedia, ungkapan biasa boleh digunakan untuk mengekstrak nama hos dan laluan.

let regex = /^(?:https?:\/\/)?(.*?)(?:\/.*)?$/;
let match = "http://example.com/aa/bb/".match(regex);
console.log("Hostname: " + match[1]);
console.log("Pathname: " + match[2]);

3. Penghuraian DOM

Dalam pelayar lama, mencipta elemen utama HTML () dan mengakses sifatnya juga boleh digunakan:

let a = document.createElement("a");
a.href = "http://example.com/aa/bb/";
console.log("Hostname: " + a.hostname);
console.log("Pathname: " + a.pathname);

Ingat bahawa nama hos mewakili domain tanpa pelabuhan, manakala hos termasuk kedua-duanya.

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