Bagaimana untuk Mengubah suai iframe src dengan betul menggunakan Javascript?

Mengubah suai iframe src Menggunakan Javascript

Artikel ini menangani isu menukar atribut src elemen iframe sebagai tindak balas kepada interaksi pengguna, seperti seperti mengklik butang radio. Kod yang disediakan bertujuan untuk memuatkan paparan kalendar berbeza secara dinamik ke dalam iframe berdasarkan pilihan radio yang dipilih.

Kod asal mengandungi ralat kecil tetapi penting:

document.getElementById['calendar'].src = loc;

Barisan di atas menggunakan salah notasi kurungan untuk mengakses elemen dengan id "kalendar". Sintaks yang betul untuk akses elemen ialah:

document.getElementById('calendar').src = loc;

Menggunakan kurungan segi empat sama dalam kod asal akan menyebabkan kaedah yang tidak wujud getElementById pada nilai yang dikembalikan oleh dokumen. Ini akan gagal untuk mengesan elemen sasaran dan menghalang perubahan atribut src daripada berkuat kuasa.

Untuk membetulkan isu ini, sintaks hendaklah dikemas kini kepada:

function go(loc) {
    document.getElementById('calendar').src = loc;
}

Selepas memasukkan pembetulan ini , kod akan berfungsi seperti yang dimaksudkan: apabila butang radio dipilih, atribut src iframe akan dikemas kini untuk memuatkan paparan kalendar yang sepadan.

Atas ialah kandungan terperinci Bagaimana untuk Mengubah suai iframe src dengan betul menggunakan Javascript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!