JavaScript iframe數(shù)據共享接口實現(xiàn)方法
在iframe與父窗口或者與子窗口傳遞數(shù)據是一個麻煩的事情,如果我們能夠寫一個一勞永逸的接口那就再方便不過了,下面就來簡答介紹一下如何實現(xiàn)此功能。原理就是將數(shù)據緩存早window.top這個窗口,這樣無論子窗口父窗口的層次如何變化,數(shù)據總是存在不會變化的。
代碼如下:
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://chabaoo.cn');
上面的代碼實現(xiàn)了我們的要求,代碼比較簡單,大家可以自行分析一下,如有任何問題可以跟帖留言。
大家知道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對象;
相關文章
javascript使用正則獲取url上的某個參數(shù)
使用indexOf取得?之后的參數(shù),以&使split進行分割成數(shù)組,下面展示了一個從url上獲取名為MenuCode參數(shù)的過程2014-09-09
layui實現(xiàn)顯示數(shù)據表格、搜索和修改功能示例
這篇文章主要介紹了layui實現(xiàn)顯示數(shù)據表格、搜索和修改功能,結合實例形式分析了layui顯示數(shù)據表格、搜索和修改功能具體界面布局、功能實現(xiàn)相關操作技巧,需要的朋友可以參考下2020-06-06
JavaScript編程設計模式之觀察者模式(Observer Pattern)實例詳解
這篇文章主要介紹了JavaScript編程設計模式之觀察者模式(Observer Pattern),簡單說明了觀察者模式的概念、原理并結合實例形式詳細給出了觀察者模式的相關實現(xiàn)與使用技巧,需要的朋友可以參考下2017-10-10
parseInt parseFloat js字符串轉換數(shù)字
轉換函數(shù)、強制類型轉換、利用js變量弱類型轉換。2010-08-08

