iframe数据共享,JS中Iframe之间传值的方法
分类:关于美高梅

1.在iframe子页面中获取父页面的元素:

JavaScript iframe数据共享接口实现方法,iframe数据共享

在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','http://www.bkjia.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对象;

在js中,我们时常用到用iframe做系统框架,在子页面也,父页面之间的值传递是一个问题,下面是js获取父窗体和子窗体的对象js:

    a>window.parent.document这个是获取父页面document中的对象;

您可能感兴趣的文章:

  • AngularJS iframe跨域打开内容时报错误的解决办法
  • JS动态修改iframe内嵌网页地址的方法
  • JS去除iframe滚动条的方法
  • JS动态修改iframe高度和宽度的方法
  • JS返回iframe中frameBorder属性值的方法
  • js实现刷新iframe的方法汇总
  • js改变Iframe中Src的方法

iframe数据共享接口实现方法,iframe数据共享 在iframe与父窗口或者与子窗口传递数据是一个麻烦的事情,如果我们能够写一个一劳永...

1.在iframe子页面中获取父页面的元素
a>window.parent.document这个是获取父页面document中的对象;
b>如果要获取父页面js中的方法:window.parent.xxxx();xxxx()为方法;

    b>如果要获取父页面js中的方法:window.parent.xxxx();xxxx()为方法;

2.在父页面中获取iframe子页面中的元素
a>

2.在父页面中获取iframe子页面中的元素:

复制代码 代码如下:

   a>

var child = document.getElementByIdx_x("mainFrame").contentWindow;//mainFrame这个id是父页面iframe的id
child.document;//获取子页面中的document对象;

     var child = document.getElementByIdx_x("mainFrame").contentWindow;//mainFrame这个id是父页面iframe的id

1.在ifr...

     child.document;//获取子页面中的document对象;

您可能感兴趣的文章:

  • js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
  • js下判断 iframe 是否加载完成的完美方法
  • js跨域问题之跨域iframe自适应大小实现代码
  • Iframe 自适应高度并实时监控高度变化的js代码
  • js操作iframe的一些方法介绍

本文由美高梅网址发布于关于美高梅,转载请注明出处:iframe数据共享,JS中Iframe之间传值的方法

上一篇:九种js弹出对话框的方法总结,的所有参数详细解 下一篇:自制滚动条的小例子,js实现拖拽效果
猜你喜欢
热门排行
精彩图文