首頁 > web前端 > js教程 > 主體

js中iframe呼叫父頁面的方法

高洛峰
發布: 2016-12-24 16:56:38
原創
1367 人瀏覽過

本文實例講述了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中文網!


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!