时间:2021-05-28
在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','https://');上面的代码实现了我们的要求,代码比较简单,大家可以自行分析一下,如有任何问题可以跟帖留言。
大家知道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对象;
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JavaScript接口实现方法。分享给大家供大家参考,具体如下:JavaScript中实现接口的方法有三种:第一种,使用注释的方法实现接口特点:
本文实例讲述了JavaScript面向对象中接口实现方法。分享给大家供大家参考,具体如下:接口是面向对象编程的基础,它是一组包含了函数型方法的数据结构,与类一样
OST接口以及电源接口。除了支持传统的MiniUSB接口实现与PC数据传输外,使用随机附带的MiniUSB转标准USB接口也可以实现该机的HOST功能,使用后可
java中的interface接口实例详解接口:Java接口是一些方法表征的集合,但是却不会在接口里实现具体的方法。java接口的特点如下:1、java接口不能
一般的接口实现多态定义接口interfaceIpeople{voidsay();}定义实现的类publicclassman:Ipeople{publicvoid