JavaScript iframe數(shù)據(jù)共享接口實(shí)現(xiàn)方法
在iframe與父窗口或者與子窗口傳遞數(shù)據(jù)是一個(gè)麻煩的事情,如果我們能夠?qū)懸粋€(gè)一勞永逸的接口那就再方便不過了,下面就來簡(jiǎn)答介紹一下如何實(shí)現(xiàn)此功能。原理就是將數(shù)據(jù)緩存早window.top這個(gè)窗口,這樣無論子窗口父窗口的層次如何變化,數(shù)據(jù)總是存在不會(huì)變化的。
代碼如下:
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');
上面的代碼實(shí)現(xiàn)了我們的要求,代碼比較簡(jiǎn)單,大家可以自行分析一下,如有任何問題可以跟帖留言。
大家知道JS中Iframe之間是怎么傳值的嗎?下面給大家簡(jiǎn)單介紹下。
1.在iframe子頁面中獲取父頁面的元素:
a>window.parent.document這個(gè)是獲取父頁面document中的對(duì)象;
b>如果要獲取父頁面js中的方法:window.parent.xxxx();xxxx()為方法;
2.在父頁面中獲取iframe子頁面中的元素:
a>
var child = document.getElementByIdx_x("mainFrame").contentWindow;//mainFrame這個(gè)id是父頁面iframe的id
child.document;//獲取子頁面中的document對(duì)象;
相關(guān)文章
javascript使用正則獲取url上的某個(gè)參數(shù)
使用indexOf取得?之后的參數(shù),以&使split進(jìn)行分割成數(shù)組,下面展示了一個(gè)從url上獲取名為MenuCode參數(shù)的過程2014-09-09js判斷對(duì)象是否存在某個(gè)屬性的幾種辦法技巧
這篇文章主要給大家介紹了關(guān)于js判斷對(duì)象是否存在某個(gè)屬性的幾種辦法技巧,判斷對(duì)象中是否有某屬性的常見方式總結(jié),不同的場(chǎng)景要使用不同的方式,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12layui實(shí)現(xiàn)顯示數(shù)據(jù)表格、搜索和修改功能示例
這篇文章主要介紹了layui實(shí)現(xiàn)顯示數(shù)據(jù)表格、搜索和修改功能,結(jié)合實(shí)例形式分析了layui顯示數(shù)據(jù)表格、搜索和修改功能具體界面布局、功能實(shí)現(xiàn)相關(guān)操作技巧,需要的朋友可以參考下2020-06-06JavaScript編程設(shè)計(jì)模式之觀察者模式(Observer Pattern)實(shí)例詳解
這篇文章主要介紹了JavaScript編程設(shè)計(jì)模式之觀察者模式(Observer Pattern),簡(jiǎn)單說明了觀察者模式的概念、原理并結(jié)合實(shí)例形式詳細(xì)給出了觀察者模式的相關(guān)實(shí)現(xiàn)與使用技巧,需要的朋友可以參考下2017-10-10JS將網(wǎng)址url轉(zhuǎn)化為JSON格式的方法
這篇文章主要介紹了JS將網(wǎng)址url轉(zhuǎn)化為JSON格式的方法,需要的朋友可以參考下2018-07-07parseInt parseFloat js字符串轉(zhuǎn)換數(shù)字
轉(zhuǎn)換函數(shù)、強(qiáng)制類型轉(zhuǎn)換、利用js變量弱類型轉(zhuǎn)換。2010-08-08微信小程序網(wǎng)絡(luò)封裝(簡(jiǎn)單高效)
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)封裝(簡(jiǎn)單高效),微信小程序的網(wǎng)絡(luò)請(qǐng)求很便捷,直接調(diào)用就可以了。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-08