Cara Mengubah Konten Dua atau Lebih Iframe Dari Satu Tombol
Javascript / / April 14, 2023
Iframe adalah elemen HTML yang memungkinkan Anda menyematkan konten eksternal, seperti halaman web, di dalam halaman saat ini. Pada artikel ini kami menunjukkan kepada Anda cara mengubah konten dari dua atau lebih iframe menggunakan satu tombol menggunakan JavaScript.
Isi artikel.
- • Apa itu iframe?
- • Contoh cara mengubah konten beberapa iframe dari sebuah tombol
Apa itu iframe?
Iframe adalah elemen HTML yang dapat menyematkan konten eksternal ke halaman web. Anda dapat menggunakan label untuk menyematkan halaman web, video, dokumen, atau konten multimedia lainnya di situs web Anda. Struktur dasar iframe adalah sebagai berikut:
Dengan menggunakan JavaScript, Anda dapat memodifikasi konten iframe secara dinamis, memberikan pengalaman pengguna yang lebih interaktif dan mulus.
Contoh cara mengubah konten beberapa iframe dari sebuah tombol
Dalam contoh berikut, kami menunjukkan cara mengubah konten tiga iframe menggunakan satu tombol menggunakan JavaScript:
function changeContent() {
document.getElementById("iframe1").src = "new_page1.html";
document.getElementById("iframe2").src = "new_page2.html";
document.getElementById("iframe3").src = "new_page3.html";
//TAMBAH LAINNYA FRAME JIKA DIPERLUKAN HANYA UBAH ID DAN URL
}
Ubah konten dua atau lebih iframe dari satu tombol
Contoh ini menunjukkan cara mengubah konten tiga iframe menggunakan satu tombol di JavaScript.
Dalam contoh ini, kami telah membuat tiga iframe dengan id iframe1
, iframe2
Dan iframe3
yang menanamkan halaman1.html
, halaman2.html
Dan halaman3.html masing-masing. Selanjutnya, kami telah membuat sebuah tombol yang, ketika diklik, menjalankan fungsinya ubahKonten()
. Fungsi ini menggunakan getElementById()
untuk memilih setiap iframe dan mengubah atributnya src
ke halaman baru halaman_baru1.html
, halaman_baru2.html
Dan halaman_baru2.html
.
Bagaimana cara mengutip? & Del Moral, M. (s.f.). Contoh Mengubah Konten Dua atau Lebih Iframe Dari Satu Tombol. Contoh. Diperoleh pada 14 April 2023 dari https://www.ejemplode.com/24-javascript/641-ejemplo_de_cambiar_contenido_de_dos_o_mas_iframe_desde_un_boton.html