Blog ini akan membincangkan kefungsian ungkapan href ' yang dinyatakan.
Apakah yang Dilakukan oleh Ungkapan href ' '?
Atribut href dalam HTML “ teg ” biasanya menentukan URL atau halaman web yang dihalakan pautan.
Dalam kes ' javascript:; ” ialah ciri JavaScript yang paling mengagumkan untuk menyepadukannya dengan HTML dan CSS. Ia membantu untuk memanggil fungsi JavaScript dalam HTML href atau tag anchor.
Contoh
Dalam contoh yang diberikan, paparkan imej pada halaman semasa dengan mengklik pada pautan menggunakan ' javascript:; ” dalam atribut href yang akan menghalang penyemak imbas daripada meninggalkan halaman semasa:
< id div = 'Imej saya' > div >
< a href = 'javascript: img = document.createElement('img');
img.src = 'sun.jpg';
src = document.getElementById('myImg');
src.appendChild(img);' > Tunjukkan Imej a >
Dalam kod di atas:
- Mula-mula, buat elemen div dalam fail HTML, dan tetapkan id ' myImg ”.
- Tetapkan atribut href kepada “ javascript:; ” dan buat “ img 'elemen menggunakan' createElement() ” kaedah.
- ' src ” atribut akan menunjukkan laluan imej.
- Dapatkan rujukan elemen imej pada fail HTML untuk menunjukkan imej menggunakan ' getElementById() ” kaedah.
- Tambahkan imej sebagai elemen kanak-kanak menggunakan “ anak tambahan() ” kaedah.
Output menunjukkan bahawa imej akan dipaparkan pada halaman yang sama sambil mengklik pada pautan:
Anda juga boleh mengakses fungsi dalam tag href dengan “ javascript:; ” pemegang tempat:
< id div = 'Imej saya' > div >< a href = 'javascript:myFunction();' > Klik Saya a >
Tentukan fungsi ' myFunction() ” dalam teg