JavaScript iframe資料共用介面實現方法，iframe資料共用

JavaScript iframe資料共用介面實現方法，iframe資料共用

在iframe與父視窗或者與子視窗傳遞資料是一個麻煩的事情，如果我們能夠寫一個一勞永逸的介面那就再方便不過了，下面就來簡答介紹一下如何?此功能。原理就是將資料緩衝早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.bkjia.com'); 

上面的代碼實現了我們的要求，代碼比較簡單，大家可以自行分析一下，如有任何問題可以跟帖留言。

大家知道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對象；

您可能感興趣的文章:

• AngularJS iframe跨域開啟內容時報錯誤的解決辦法
• JS動態修改iframe內嵌網頁地址的方法
• JS去除iframe捲軸的方法
• JS動態修改iframe高度和寬度的方法
• JS返回iframe中frameBorder屬性值的方法
• js實現重新整理iframe的方法匯總
• js改變Iframe中Src的方法