Cara secara akurat mendapatkan informasi URL URL di halaman saat ini

Dalam pengembangan web, JavaScript sering digunakan untuk mendapatkan informasi URL URL dari halaman saat ini. Berikut adalah beberapa ringkasan singkat saya tentang mendapatkan informasi URL.

Mari berikan contoh URL dan kemudian dapatkan komponennya: http://i.cnblogs.com/editposts.aspx?opt=1

1. Window.location.href (atur atau dapatkan seluruh URL sebagai string)

var test = window.location.href;

waspada (tes);

Kembali: http://i.cnblogs.com/editposts.aspx?opt=1

2. Window.Location.Protocol (bagian protokol dari pengaturan atau mendapatkan URL)

var test = window.location.protocol;

waspada (tes);

Kembali: http:

3. window.location.host (atur atau dapatkan bagian host dari URL)

var test = window.location.host;

waspada (tes);

Kembali ke: i.cnblogs.com

4. window.location.port (atur atau dapatkan nomor port yang terkait dengan URL)

var test = window.location.port;

waspada (tes);

Return: Karakter Kosong (jika port 80 default digunakan (Perbarui: Bahkan jika: 80 ditambahkan), nilai pengembalian bukan default 80 tetapi karakter kosong)

5. window.location.pathname (atur atau dapatkan bagian jalur dengan URL (yaitu, alamat file))

var test = window.location.pathname;

waspada (tes);

Kembali: /Editposts.aspx

6. window.location.search (atur atau dapatkan bagian dari atribut HREF yang mengikuti tanda tanya)

var test = window.location.search;

waspada (tes);

Kembali :? opt = 1

PS: Dapatkan bagian kueri (parameter). Selain menetapkan nilai ke bahasa dinamis, kami juga dapat memberikan halaman statis dan menggunakan JavaScript untuk mendapatkan nilai parameter yang kami yakini harus.

7. window.location.hash (atur atau dapatkan segmen setelah tanda pound "#" di atribut href)

var test = window.location.hash;

waspada (tes);

Return: Karakter Kosong (karena tidak ada URL)

8. JS Dapatkan Nilai Parameter dalam URL

1. Hukum reguler

 function getQueryString (name) {var reg = regexp baru ('(^| &)' + name + '= ([^&]*) (& | $)', 'i'); var r = window.location.search.substr (1) .match (reg); if (r! = null) {return unescape (r [2]); } return null;} // hubungi cara ini: waspada (getQueryString ("Nama parameter 1")); peringatan (getQueryString ("Nama parameter 2")); peringatan (getQueryString ("Nama parameter 3"));

2. Metode pemisahan split

 function getRequest () {var url = location.search; // Dapatkan string setelah "?" Karakter dalam url var di sana Quest = objek baru (); if (url.indexof ("?")! = -1) {var str = url.substr (1); strs = str.split ("&"); untuk (var i = 0; i <strs.length; i ++) {ada Quest [strs [i] .split ("=") [0]] = unescape (strs [i] .split ("=") [1]); }} return di sana;} var request = objek baru (); request = getRequest (); <br> // var id = request ["id"]; // var parameter 1, parameter 2, parameter 3, parameter n; // parameter 1 = permintaan ['parameter 1']; // parameter 2 = permintaan ['parameter 2']; // parameter 3 = permintaan ['parameter 3']; // parameter n = permintaan ['parameter n'];

3. Ditunjuk untuk Mengambil

Misalnya, URL: http://i.cnblogs.com/?j=js. Jika kita ingin mendapatkan nilai parameter J, kita bisa memanggilnya melalui fungsi berikut.

 function getQueryString (name) {var reg = regexp baru ("(^| &)" + name + "= ([^&]*) (& | $)", "i"); var r = window.location.search.substr (1) .match (reg); // Dapatkan string setelah "?" karakter dalam url dan mencocokkannya secara teratur var context = ""; if (r! = null) konteks = r [2]; Reg = null; r = null; Kembalikan konteks == NULL || konteks == "" || konteks == "tidak terdefinisi"? "": konteks; } alert (getQueryString ("j"));

4. Metode untuk mendapatkan parameter tunggal

 function getRequest () {var url = location.search; // Dapatkan string setelah "?" karakter dalam url if (url.indexof ("?")! = -1) {// menilai apakah ada parameter var str = url.substr (1); // dari karakter pertama karena ke -0 adalah? tanda untuk mendapatkan semua string kecuali tanda tanya strs = str.split ("="); // Pisahkan dengan tanda yang sama (karena saya tahu hanya ada satu parameter, saya langsung menggunakan tanda yang sama untuk memisahkan jika ada beberapa parameter untuk dipisahkan dengan & tanda dan kemudian menggunakan tanda yang sama) peringatan (strs [1]); // Daftar parameter pertama (jika ada beberapa parameter, itu juga perlu diulang)}}

Di atas adalah semua tentang artikel ini. Saya harap akan sangat membantu bagi semua orang untuk memahami cara mendapatkan informasi URL URL di halaman saat ini.