js中iframe調用父頁面的方法
更新時間：2014年10月30日 10:50:09 投稿：shichen2014
這篇文章主要介紹了js中iframe調用父頁面的方法,可通過window.parent.方法()來實現,非常具有實用價值,需要的朋友可以參考下
本文實例講述了js中iframe調用父頁面的方法。分享給大家供大家參考。具體實現方法如下：
子頁面調用父頁面的方法在js中很容易實現。我們只需要在主頁面加個函數，然后在子頁面通過window.parent.方法()即可實現了
比如調用a()函數，就寫成：
復制代碼 代碼如下:
window.parent.a();
但是我在chrome瀏覽器下卻發(fā)現此方法無效了
復制代碼 代碼如下:
//在父頁面中調用該函數
<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()為父窗口定義的函數.
{
document.parentWindow.parent.msg(picurl,h_id);
}
//msg()為父窗口定義的函數.
card-iframe是iframe框架的id，b()為子頁面js函數。contentWindow屬性是指定的frame或者iframe所在的window對象，IE下可以省略。
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
JS中new?Date().Format("yyyy-MM-dd")?報錯的解決
這篇文章主要介紹了JS中new?Date().Format("yyyy-MM-dd")?報錯的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
uniapp開發(fā)小程序的開發(fā)規(guī)范總結
uni-app 是一個使用 vue.js 開發(fā)跨平臺應用的前端框架,下面這篇文章主要給大家介紹了關于uniapp開發(fā)小程序的開發(fā)規(guī)范,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-07-07
識別瀏覽器的JavaScript引擎的方法對PC瀏覽器和移動瀏覽器都可用，其實實現原理就是下面的這段js，感興趣的朋友可以參考下2013-10-10
本文給大家分享的是使用javascript實現簡單的頁面右下角提示信息框的方法和示例代碼，有需要的小伙伴可以參考下。2015-07-07
獲取table中的rowIndex和cellIndex...2006-12-12
計時器提供了一 個可以將代碼片段異步延時執(zhí)行的能力，javascript生來是單線程的（在一定時間范圍內僅一部分js代碼能運行），計時器為我們提供了一種避開這種 限制的方法，從而開辟了另一條執(zhí)行代碼的蹊徑。2015-07-07
分包加載是一種小程序優(yōu)化技術,將小程序不同功能的代碼,分別打包成不同的子包,在構建時打包成不同的分包,用戶在使用時按需進行加載,在構建小程序分包項目時,構建會輸出一個或多個分包,這篇文章主要介紹了微信小程序---分包加載,需要的朋友可以參考下2024-07-07
Web開發(fā)中,JavaScript與CSS的結合用于增強網頁的交互性和用戶體驗,本文將探索幾種高級方法來使用JavaScript操作CSS,并分別通過代碼示例進行講解,希望對大家有所幫助2023-12-12
今天在技術群里看到一道這樣的提：求1000以內被3或5整除的數字之和。小編把我的解決辦法分享到腳本之家平臺，供大家參考2016-02-02
在js中可以通過indexOf()方法找到指定的字符位置,再使用length屬性獲得字符串的長度,下面這篇文章主要給大家介紹了關于如何用js截取字符串開頭、結尾及兩字符串之間的內容的相關資料,需要的朋友可以參考下2022-11-11