欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript iframe數(shù)據(jù)共享接口實現(xiàn)方法

 更新時間：2016年01月06日 10:38:42   作者：我是代碼努力  
在iframe與父窗口或者與子窗口傳遞數(shù)據(jù)是一個麻煩的事情，如果我們能夠?qū)懸粋€一勞永逸的接口那就再方便不過了，下面就來簡答介紹一下如何實現(xiàn)此功能，對js iframe相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧

在iframe與父窗口或者與子窗口傳遞數(shù)據(jù)是一個麻煩的事情，如果我們能夠?qū)懸粋€一勞永逸的接口那就再方便不過了，下面就來簡答介紹一下如何實現(xiàn)此功能。原理就是將數(shù)據(jù)緩存早window.top這個窗口，這樣無論子窗口父窗口的層次如何變化，數(shù)據(jù)總是存在不會變化的。

代碼如下:

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對象；

相關(guān)文章

最新評論