Dalam JavaScript, penguraian digunakan untuk mengonversi sejumlah besar data tidak terstruktur menjadi format yang mudah dibaca dan lebih mudah. Anda dapat mengurai data dalam bentuk string, objek, dan URL dari situs web tertentu. Untuk mem-parsing URL tertentu dalam JavaScript, gunakan tombol “ URL() ” konstruktor. Itu akan membuat objek URL baru dengan host, nama jalur, hash pencarian, dan properti hash.
Posting ini akan mengilustrasikan metode untuk mem-parsing URL menjadi nama host dan jalur dalam JavaScript.
Parsing URL (Alamat Web) Ke Hostname dan Path di JavaScript
Untuk mengurai URL menjadi nama host dan jalur di JavaScript, gunakan URL halaman saat ini dengan bantuan “ jendela.lokasi.href ' Properti. Selanjutnya, URL tertentu juga dapat diuraikan menggunakan “ URL() ' metode.
Untuk implikasi praktis, lihat contoh yang disebutkan:
Contoh 1: Parsing URL Halaman Saat Ini Ke Nama Host dan Jalur
Anda dapat mengurai URL halaman saat ini menjadi nama host dan jalur di JavaScript. Untuk itu, gunakan kode berikut di bagian HTML:
- Tambah sebuah ' ” tag dan tetapkan id dengan menggunakan “ pengenal ” atribut.
- Buat tombol menggunakan “
' elemen dan aktifkan ' onclick ” untuk melakukan acara tertentu saat pengguna mengklik tombol. Selanjutnya, aktifkan fungsi sebagai nilai dari peristiwa ini:
< klik tombol = 'fungsi()' > Parsing ke URL tombol >
< p id = 'id2' > P >
< p id = 'id3' > P >
Di bagian JavaScript, akses id pertama dengan bantuan “ getElementById() ” metode dan atur “ jendela.lokasi.href ” untuk mem-parsing URL halaman saat ini:
dokumen. getElementById ( 'id1' ) . innerHTML = jendela. lokasi . href ;Suatu fungsi didefinisikan sebagai “ fungsi() ” yang mengakses elemen kedua dengan menggunakan tombol “ id2 ”. Terapkan gaya in-line dengan bantuan tombol “ ” Tag HTML dan atur warnanya. Kemudian, gunakan “ jendela.lokasi.namahost ” yang akan mengembalikan URL halaman saat ini:
fungsi fungsi ( ) {
dokumen. getElementById ( 'id2' ) . innerHTML = ` < gaya h2 = 'warna biru;' > Nama host : h2 > ` + jendela. lokasi . nama host ;
dokumen. getElementById ( 'id3' ) . innerHTML = ` < gaya h2 = 'warna biru;' > Jalur : h2 > ` + jendela. lokasi . nama path ;
}
Keluaran
Dapat diamati bahwa Hostname dan jalur halaman saat ini ditampilkan di layar setelah mengklik tombol:
Contoh 2: Urutkan URL menjadi Nama Host dan Jalur Menggunakan Metode URL()
Anda juga dapat mengurai URL menjadi nama host dan jalur menggunakan “ URL() ' metode. Untuk melakukannya, gunakan kode HTML di atas, lalu tambahkan kode JavaScript yang disebutkan di bawah. Untuk tujuan itu, inisialisasi objek dan gunakan ' URL() ” konstruktor, dan berikan URL halaman tertentu sebagai argumen ke metode:
dulu my_url = baru URL ( 'https://linuxhint.com/' ) ;Akses elemen HTML dengan menggunakan id-nya dengan bantuan “ getElementById() ' metode:
dokumen. getElementById ( 'id1' ) . innerHTML = my_url ;Buat fungsi dengan nama dan akses elemen HTML lainnya:
fungsi fungsi ( ) {dokumen. getElementById ( 'id2' ) . innerHTML = ` < gaya h2 = 'warna biru;' > Nama host : h2 > ` + my_url. nama host ;
dokumen. getElementById ( 'id3' ) . innerHTML = ` < gaya h2 = 'warna biru;' > Jalur : h2 > ` + my_url. nama path ;
}
Keluaran
Itu semua tentang mem-parsing URL/Alamat Web menjadi nama host dan jalur di JavaScript.
Kesimpulan
Dalam JavaScript, “ jendela.lokasi.href ” dapat digunakan untuk mem-parsing URL halaman saat ini. Selanjutnya, URL tertentu juga dapat diuraikan menggunakan “ URL() ' metode. Tutorial ini telah menjelaskan prosedur mendetail untuk mem-parsing URL (alamat web) menjadi nama host dan jalur menggunakan cara yang berbeda.