Rumah > hujung hadapan web > tutorial js > Bagaimana untuk memanggil halaman induk dari iframe dalam kemahiran js_javascript

Bagaimana untuk memanggil halaman induk dari iframe dalam kemahiran js_javascript

WBOY
Lepaskan: 2016-05-16 16:32:31
asal
1936 orang telah melayarinya

Contoh dalam artikel ini menerangkan kaedah memanggil halaman induk daripada iframe dalam js. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:

Kaedah untuk halaman anak untuk memanggil halaman induk adalah mudah untuk dilaksanakan dalam js. Kami hanya perlu menambah fungsi pada halaman utama, dan kemudian gunakan window.parent.method() pada sub-halaman untuk mencapainya

Sebagai contoh, apabila memanggil fungsi a(), ia akan ditulis sebagai:

Salin kod Kod adalah seperti berikut:
window.parent.a();

Tetapi saya mendapati bahawa kaedah ini tidak sah dalam pelayar chrome

Salin kod Kod adalah seperti berikut:
//Panggil fungsi ini dalam halaman induk


fungsi dey() {
var cards_frame=document.frames("card-iframe"); //card-iframe ialah nama iframe
cards_frame.checkedCard() //Panggil kaedah yang ditakrifkan dalam iframe untuk menghantar nilai halaman terbenam ke halaman induk
}


2) Panggil kaedah yang ditakrifkan oleh halaman induk dalam iframe

Salin kod Kod adalah seperti berikut:
function alert_window(picurl,h_id)
{
document.parentWindow.parent.msg(picurl,h_id);
}
//msg() ialah fungsi yang ditakrifkan oleh tetingkap induk.

card-iframe ialah id bagi bingkai iframe, dan b() ialah fungsi js sub-halaman. Atribut contentWindow ialah objek tetingkap di mana bingkai atau iframe yang ditentukan berada, dan boleh ditinggalkan di bawah IE.

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan