Saat dokumen HTML dimuat di jendela browser saat dijalankan, dokumen ini menjadi objek dokumen yang memberikan akses ke semua elemen HTML yang ditampilkan di dalamnya. Muncul dengan berbagai metode dan properti yang membantu melakukan tugas-tugas khusus. “ basis ” adalah salah satu properti yang dirancang khusus untuk mengembalikan URI dasar (alamat halaman web saat ini) dari dokumen HTML. Sangat berguna untuk menemukan URI dasar yang memberi tahu pengguna domain, sumber daya, dan lokasi dokumen HTML yang ditentukan.
Posting ini menunjukkan cara kerja properti Dokumen 'baseURI' di JavaScript.
Apa yang Dilakukan Properti Dokumen 'baseURI' di JavaScript?
“ basis ” properti read-only dari objek 'dokumen' menampilkan URI dasar (Pengidentifikasi Sumber Daya Seragam) dari dokumen yang ditentukan. 'baseURI' adalah URT mutlak yang menentukan lokasi dokumen. Properti ini mengembalikan URI basis dokumen dalam bentuk 'string'.
Sintaksis
document.baseURI
Sintaks di atas tidak memerlukan parameter tambahan untuk melakukan tugas yang ditentukan.
Mari gunakan properti yang ditentukan di atas dalam contoh untuk melihat implementasi praktisnya.
Contoh: Ambil URI basis Dokumen Menggunakan Properti 'baseURI'.
Contoh ini menerapkan properti “baseURI” dengan objek “document” untuk mendapatkan URI basis dokumen saat ini.
Kode HTML
Pertama, lihat kode yang disebutkan di bawah ini:
< h2 > Dokumen baseURI Properti di dalam JavaScript h2 >< tombol onclick = 'jsFunc()' > Dapatkan baseURI tombol >
< P pengenal = 'Sampel' > P >
Menurut potongan kode di atas:
- “ ” menambahkan subjudul level 2.
- “
” tag menentukan tombol dengan acara mouse terlampir acara 'onclick' yang memanggil fungsi JavaScript 'jsFunc()' saat acara dipicu. - “ ” tag membuat paragraf kosong dengan 'sampel' id yang ditetapkan untuk menambahkannya dengan URI basis dokumen saat ini.
Kode JavaScript
Sekarang, lanjutkan dengan kode JavaScript:
< naskah >fungsi jsFunc ( ) {
membiarkan t = document.baseURI;
document.getElementById ( 'Sampel' ) .innerHTML = ' baseURI dokumen saat ini adalah: ' + t;
}
naskah >
Dalam kode yang disediakan di atas:
- Fungsi yang ditentukan pengguna “ jsFunc() ” pertama mendeklarasikan variabel bernama “t” yang menggunakan properti “document.baseURI”.
- Setelah itu, terapkan ' getElementById() ” untuk mengambil paragraf kosong yang memiliki id sebagai 'sampel' untuk menampilkan variabel 't' nilai yang dikembalikan yaitu, URI dasar.
Keluaran
Di sini, output di atas menampilkan URI basis dokumen saat ini melalui ' document.baseURI ” properti pada tombol klik sesuai.
Kesimpulan
JavaScript “ dokumen ' objek ' basis ” berguna untuk mendapatkan URI basis dokumen yang ditentukan. Ini memberikan nilai string yang mewakili URI basis halaman web aktif. Ini adalah properti hanya-baca yang tidak bergantung pada parameter tambahan apa pun untuk menjalankan fungsi ini. Posting ini secara singkat mendemonstrasikan cara kerja (dengan implementasi praktis) dari properti dokumen 'baseURI' dalam JavaScript.