Rumah  >  Artikel  >  hujung hadapan web  >  Penjelasan terperinci tentang kemahiran JavaScript parsing URL method_javascript

Penjelasan terperinci tentang kemahiran JavaScript parsing URL method_javascript

WBOY
WBOYasal
2016-05-16 16:29:031684semak imbas

URL: Uniform Resource Locator (URL)

URL lengkap terdiri daripada bahagian ini:
scheme://host:port/path?query#fragment

skim = protokol komunikasi (biasa digunakan http, ftp, maito, dll.)
hos = hos (nama domain atau IP)
port = nombor port
laluan = laluan

pertanyaan = pertanyaan
Pilihan, digunakan untuk menghantar parameter ke halaman web dinamik (seperti halaman web yang dibuat menggunakan CGI, ISAPI, PHP/JSP/ASP/ASP.NET dan teknologi lain mungkin terdapat berbilang parameter, dipisahkan oleh simbol "&", setiap parameter). Nama dan nilai dipisahkan oleh simbol "=".

serpihan = serpihan maklumat
Rentetan yang digunakan untuk menentukan serpihan dalam sumber rangkaian. Contohnya, jika terdapat berbilang penjelasan kata nama dalam halaman web, anda boleh menggunakan serpihan untuk mencari secara langsung penjelasan kata nama tertentu. (Juga dipanggil titik sauh.)

Untuk URL sedemikian
http://www.master8.net:80/seo/?ver=1.0&id=6#imhere

Kita boleh menggunakan javascript untuk mendapatkan pelbagai bahagiannya
1, window.location.href
Seluruh rentetan URL (bar alamat lengkap dalam penyemak imbas)

2,window.location.protocol
Bahagian protokol URL
Nilai pulangan dalam contoh ini: http:

3,window.location.host
Bahagian hos URL
Nilai pulangan dalam contoh ini: www.master8.net

4,window.location.port
Bahagian port URL
Jika port lalai 80 digunakan (kemas kini: walaupun :80 ditambah), nilai pulangan bukanlah lalai 80 tetapi aksara kosong
Nilai pulangan dalam contoh ini:""

5,window.location.pathname
Bahagian laluan URL (iaitu, alamat fail)
Nilai pulangan dalam contoh ini:/seo/

6,window.location.search
Bahagian pertanyaan (parameter)
Selain memberikan nilai kepada bahasa dinamik, kami juga boleh menetapkan nilai pada halaman statik dan menggunakan javascript untuk mendapatkan nilai parameter yang sepadan
Nilai pulangan dalam contoh ini:?ver=1.0&id=6

7,window.location.hash
Sauh
Nilai pulangan dalam contoh ini: #imhere

8. nilai parameter url

Kaedah 1: Analisis Biasa

Salin kod Kod adalah seperti berikut:

fungsi getQueryString(nama) {
var reg = RegExp baharu("(^|&)" nama "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
jika (r != null) kembalikan unescape(r[2]); kembalikan null;
}

Kaedah 2: Pisah kepada tatasusunan

Salin kod Kod adalah seperti berikut:

fungsi GetRequest() {
var url = location.search; //Dapatkan rentetan selepas aksara "?" var theRequest = new Object();
jika (url.indexOf("?") != -1) {
var str = url.substr(1);
       strs = str.split("&");
untuk(var i = 0; i < strs.length; i ) {
TheRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
}
}
Kembalikan Permintaan;
}

Kaedahnya sangat mudah, tetapi sangat praktikal Berikut adalah 2 kaedah yang biasa digunakan, sila maklumkan kepada kami Artikel ini akan terus dikemas kini. Mari kita maju bersama

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn