首頁 >web前端 >js教程 >js中iframe呼叫父頁面的方法

js中iframe呼叫父頁面的方法

高洛峰
高洛峰原創
2016-12-24 16:56:381416瀏覽

本文實例講述了js中iframe呼叫父頁面的方法。分享給大家供大家參考。具體實作方法如下:

子頁面呼叫父頁面的方法在js中很容易實作。我們只需要在主頁面加個函數,然後在子頁面通過window.parent.方法()即可實現了

比如調用a()函數,就寫成:

window.parent.a();

但是我在chrome瀏覽器下卻發現此方法無效了

//在父页面中调用该函数
<script>
function dey() {
var cards_frame=document.frames("card-iframe");    //card-iframe为iframe的名字       
cards_frame.checkedCard()             //调用iframe中定义的方法,把内嵌页面的值传到父页面
}
</script>

2)在iframe 中呼叫父頁定義的方法

function alert_window(picurl,h_id) 
{ 
document.parentWindow.parent.msg(picurl,h_id); 
}
//msg()为父窗口定义的函数.

card-iframe是iframe框架的id,b()為子頁js函數。 contentWindow屬性是指定的frame或iframe所在的window對象,IE下可以省略。


希望本文所述對大家的javascript程式設計有幫助。


更多js中iframe調用父親頁面的方法相關文章請關注PHP中文網!


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn