国产探花免费观看_亚洲丰满少妇自慰呻吟_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','//www.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對象;

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 寻乌县| 年辖:市辖区| 大竹县| 安达市| 北海市| 大田县| 赤城县| 德保县| 合阳县| 禄劝| 沈阳市| 浦北县| 且末县| 北票市| 五家渠市| 财经| 镶黄旗| 外汇| 浠水县| 竹山县| 本溪市| 加查县| 博罗县| 汉寿县| 徐闻县| 太康县| 祁门县| 齐河县| 海林市| 星子县| 同江市| 台中县| 天气| 循化| 读书| 日喀则市| 石屏县| 榆树市| 常山县| 武安市| 北安市|