JavaScript iframe數據共享接口實現(xiàn)方法
更新時間：2016年01月06日 10:38:42 作者：我是代碼努力
在iframe與父窗口或者與子窗口傳遞數據是一個麻煩的事情，如果我們能夠寫一個一勞永逸的接口那就再方便不過了，下面就來簡答介紹一下如何實現(xiàn)此功能，對js iframe相關知識感興趣的朋友一起學習吧
在iframe與父窗口或者與子窗口傳遞數據是一個麻煩的事情，如果我們能夠寫一個一勞永逸的接口那就再方便不過了，下面就來簡答介紹一下如何實現(xiàn)此功能。原理就是將數據緩存早window.top這個窗口，這樣無論子窗口父窗口的層次如何變化，數據總是存在不會變化的。
代碼如下:
var share={
data:function(name,value){
var top=window.top,
cache=top['_CACHE']||{};
top['_CACHE']=cache;
return value?cache[name]=value:cache[name];
},
removeData:function(name){
var cache=window.top['_CACHE'];
if(cache&&cache[name])
{
delete cache[name];
}
}
};
share.data('mayi','http://www.dbjr.com.cn');
上面的代碼實現(xiàn)了我們的要求，代碼比較簡單，大家可以自行分析一下，如有任何問題可以跟帖留言。
大家知道JS中Iframe之間是怎么傳值的嗎？下面給大家簡單介紹下。
1.在iframe子頁面中獲取父頁面的元素：
a>window.parent.document這個是獲取父頁面document中的對象；
b>如果要獲取父頁面js中的方法：window.parent.xxxx（）；xxxx()為方法；
2.在父頁面中獲取iframe子頁面中的元素：
a>
var child = document.getElementByIdx_x("mainFrame").contentWindow;//mainFrame這個id是父頁面iframe的id
child.document;//獲取子頁面中的document對象；
相關文章
使用indexOf取得？之后的參數，以&使split進行分割成數組，下面展示了一個從url上獲取名為MenuCode參數的過程2014-09-09
這篇文章主要給大家介紹了關于js判斷對象是否存在某個屬性的幾種辦法技巧,判斷對象中是否有某屬性的常見方式總結,不同的場景要使用不同的方式,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-12-12
最近寫了一個倒計時程序，因為經常要在手機端訪問，所以沒有引用jquery，對于用習慣jquery的我還真不習慣。下面簡單說明js日期相關函數，并說明實現(xiàn)倒計時的原理2013-10-10
這篇文章主要介紹了layui實現(xiàn)顯示數據表格、搜索和修改功能,結合實例形式分析了layui顯示數據表格、搜索和修改功能具體界面布局、功能實現(xiàn)相關操作技巧,需要的朋友可以參考下2020-06-06
這篇文章主要為大家詳細介紹了小程序實現(xiàn)錄音功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
JavaScript編程設計模式之觀察者模式(Observer Pattern)實例詳解
這篇文章主要介紹了JavaScript編程設計模式之觀察者模式(Observer Pattern),簡單說明了觀察者模式的概念、原理并結合實例形式詳細給出了觀察者模式的相關實現(xiàn)與使用技巧,需要的朋友可以參考下2017-10-10
js按鈕閃爍功能的實現(xiàn)代碼分為html和js兩部分代碼，具體實現(xiàn)代碼大家參考下本文2017-07-07
這篇文章主要介紹了JS將網址url轉化為JSON格式的方法,需要的朋友可以參考下2018-07-07
轉換函數、強制類型轉換、利用js變量弱類型轉換。2010-08-08
這篇文章主要介紹了微信小程序網絡封裝(簡單高效)，微信小程序的網絡請求很便捷，直接調用就可以了。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08