淺談js中子頁面父頁面方法變量相互調(diào)用

更新時間：2016年08月04日 08:53:32 投稿：jingxian

下面小編就為大家?guī)硪黄獪\談js中子頁面父頁面方法變量相互調(diào)用。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

（1）子頁面調(diào)用父頁面的方法或者變量：

window.parent.方法()或者變量名
window.parent相當(dāng)于定位到父頁面之后的操作和在父頁面中寫代碼一樣寫

window.parent.aa();//調(diào)取aa函數(shù)
window.parent.bb;//調(diào)取bb變量

例如：想在子頁面中得到id為aaa的文本框的值

window.parent.$("#aaa").val();//這種寫法的前提是引用了jquery 

window.parent.getElementById("aaa").value; //js的寫法

（2）父頁面調(diào)取子頁面

主要是通過contentWindow定位到子頁面

document.getElementById("childframe").contentWindow.childtest();
//調(diào)取子頁面中的childtest方法 js的寫法

var childWindow = $("#addFrame")[0].contentWindow;//獲取子窗體中的對象
childWindow.formSubmit();//調(diào)取子頁面的formSubmit方法 jquery的寫法
//注釋：其中 childframe和addFrame 都時iframe的id

以上這篇淺談js中子頁面父頁面方法變量相互調(diào)用就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Three光源Target位置改變光照方向不變的問題解決方法
這篇文章主要為大家介紹了Three光源Target位置改變光照方向不變的問題及解決方法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-12-12
js微信應(yīng)用場景之微信音樂相冊案例分享
這篇文章主要為大家分享了js微信應(yīng)用場景之微信音樂相冊案例，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-08-08
JavaScript文檔加載模式以及元素獲取
這篇文章主要介紹了JavaScript文檔加載模式以及元素獲取,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07
js實現(xiàn)炫酷的煙花效果
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)炫酷的煙花效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
JavaScript編碼風(fēng)格指南(中文版)
寫作本文旨在加深自己印象，也為了更多人的了解到JS編碼風(fēng)格，提高自己的編碼質(zhì)量。想了解更多的內(nèi)容請閱讀《編寫可維護(hù)的JavaScript》
2016-08-08
EXT中單擊button按鈕grid添加一行（光標(biāo)位置可設(shè)置)的實例代碼
這篇文章主要介紹了EXT中單擊button按鈕grid添加一行（光標(biāo)位置可設(shè)置)的實例代碼的相關(guān)資料,需要的朋友可以參考下
2016-06-06
JavaScript仿京東放大鏡效果
這篇文章主要為大家詳細(xì)介紹了JavaScript仿京東放大鏡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
js實現(xiàn)目錄定位正文示例
目錄定位正文的應(yīng)用想必大家都有見到過吧，下面有個不錯的示例，大家可以參考下
2013-11-11
自定義事件解決重復(fù)請求BUG的問題
下面小編就為大家?guī)硪黄远x事件解決重復(fù)請求BUG的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
深入淺析JS Function()構(gòu)造函數(shù)
這篇文章給大家介紹了js function()構(gòu)造函數(shù)的知識以及關(guān)于function()構(gòu)造函數(shù)需要注意的幾個要點，本文介紹的非常不錯，具有參考借鑒價值，感興趣的朋友一起看下吧
2016-08-08