国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript iframe數據共享接口實現方法

2019-11-20 10:51:07
字體:
來源:轉載
供稿:網友

在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','//m.survivalescaperooms.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對象;

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 凌海市| 乐昌市| 全椒县| 普洱| 鄂伦春自治旗| 三明市| 凤城市| 太和县| 沁源县| 资兴市| 沂源县| 化州市| 孟州市| 武穴市| 平潭县| 托克逊县| 桂东县| 凤山市| 高碑店市| 茂名市| 泸水县| 尚义县| 滕州市| 灌阳县| 称多县| 乳源| 特克斯县| 谢通门县| 永平县| 桐柏县| 栾城县| 长兴县| 甘谷县| 龙陵县| 松阳县| 临邑县| 湖州市| 龙口市| 顺义区| 焉耆| 绍兴县|