JavaScript iframe數(shù)據(jù)共享接口實(shí)現(xiàn)方法
在iframe與父窗口或者與子窗口傳遞數(shù)據(jù)是一個(gè)麻煩的事情，如果我們能夠?qū)懸粋€(gè)一勞永逸的接口那就再方便不過了，下面就來簡答介紹一下如何實(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://m.fzitv.net');
上面的代碼實(shí)現(xiàn)了我們的要求，代碼比較簡單，大家可以自行分析一下，如有任何問題可以跟帖留言。
大家知道JS中Iframe之間是怎么傳值的嗎？下面給大家簡單介紹下。
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)文章
JS前端千萬級(jí)彈幕數(shù)據(jù)循環(huán)優(yōu)化示例
這篇文章主要為大家介紹了JS前端一千萬條彈幕數(shù)據(jù)循環(huán)優(yōu)化示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
本篇文章主要是對(duì)js中浮點(diǎn)型運(yùn)算的問題進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-01-01
javascript DOM編程實(shí)例(智播客學(xué)習(xí))
最近一直在努力學(xué)習(xí)DOM編程這塊，這是目前成就感最強(qiáng)烈的一塊了，畢老師很認(rèn)真的給我們講解了相關(guān)知識(shí)，并在網(wǎng)上找了很多做的非常棒的網(wǎng)頁作為例程給我們進(jìn)行講解2009-11-11
這篇文章主要介紹了小程序測試后臺(tái)服務(wù)的方法(ngrok)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03
Javascript刪除指定元素節(jié)點(diǎn)的方法
這篇文章主要介紹了使用Javascript刪除指定元素節(jié)點(diǎn)的方法,通俗易懂,需要的朋友可以參考下。2016-06-06
簡體中文轉(zhuǎn)換繁體中文(實(shí)現(xiàn)代碼)
本篇文章主要是對(duì)簡體中文轉(zhuǎn)換繁體中文的實(shí)現(xiàn)代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
文本框input聚焦失焦樣式實(shí)現(xiàn)代碼，需要的朋友可以參考下2012-10-10
JavaScript中的for...of和for...in循環(huán)容易遇到的問題及解決方法總結(jié)
在 JavaScript 編程中,for...of 和 for...in 是常用的循環(huán)語法,但它們在使用時(shí)可能會(huì)引發(fā)一些意想不到的問題,本文將分享我在使用這兩種循環(huán)時(shí)所遇到的坑和經(jīng)驗(yàn),需要的朋友可以參考下2023-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序加法計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-09-09
javascript跨域方法、原理以及出現(xiàn)問題解決方法（詳解）
javascript出于安全方面的考慮，不允許跨域調(diào)用其他頁面的對(duì)象。但是在安全限制的同時(shí)也給注入iframe或是ajax應(yīng)用上帶來了不少麻煩?？缬蚝唵蔚睦斫饩褪且?yàn)閖avascript同源策略的限制，a.com域名下的js無法操作b.com 或者是c.a.com域名下的對(duì)象2015-08-08