得到someID的内容。

2、 假如内容之中有八个ID为mainiframe的ifame

假设大家在IFRAME里拿到父窗口的有些成分的值,用DOM方法与jquery方法结合的主意落实。具体往下看:

种种框架都对应三个HTML页面,所以这几个框架也是二个单身的浏览器窗口,它兼具窗口的兼具性质,所谓对框架的引用也便是对window对象的援用。有了这么些window对象,就足以很有益地对里面包车型大巴页面举行操作,比方利用window.document对象向页面写入数据、使用window.location属性来改换框架内的页面等。

来得iframe中body成分的原委。代码如下:

$(document.getElementById.contentWindow.document.body).htm();
window.frames["frameName"];window.frames.frameNamewindow.frames[index]

框架的档案的次序是本着顶层框架来讲的。当档案的次序各异时,只要知道本人所在的等级次序以致另三个框架所在的层系和名字,利用框架引用的window对象性质,可以相当的轻松地完成相互之间拜谒,举个例子:

和parent属性相仿,window对象还应该有二个top属性。它代表对顶层框架的援用,那足以用来推断二个框架自己是不是为顶层框架,例如:
//判别本框架是不是为顶层框架:

在父窗口中操作 选中IFRAME中的全体单选钮。如下代码:

4.不等档案的次序框架间的互动援用

$("#mainiframe").contents().find.html()html或者$("#mainiframe").contains().find.text()值

这么些天实在太忙了,都没怎么翻新了,以后终于得以松口气了,放下包袱分享点东西。获取iframe中的成分的行使,大家会日常利用,涉及到跨域等等难题,在那处最首要共享下一些艺术。如下:

知情了上述原理,从父框架援用子框架变的特别轻易,即:

那选拔id自然正是仍旧采用find方法。

$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

1.父框架到子框架的援引

里面,window字样也足以用self代替或简捷,若是frameName为页面中首先个框架,则以下的写法是等价的:

3、在父窗口中操作 选中IFRAME中的全数单选钮。

这么就引述了页面内名叫frameName的子框架。纵然要引用子框架内的子框架,依照引用的框架实际正是window对象的性能,能够这么达成:

ifame满含三个someID

依赖iframename拿到个中ID为”testId”成分。代码如下:

window.frames["frameName"];
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

那样就引述到了二级子框架,依此类推,可以兑现多层框架的援用。

if{//dosomething}

3.弟兄框架间的征引假诺多少个框架同为多个框架的子框架,它们称为兄弟框架,能够由此父框架来达成相互影响引用,举个例子多个页面包罗2个子框架:

window.frames["frameName"].frames["frameName2"];

在IFRAME中操作 选中父窗口中的全体单选钮,代码如下:

youwanttogetthiscontent

leftiframe中的jQuery操作mainiframe的内容someID的内容。

1、 内容里有五个ifame

2.子框架到父框架的援引各类window对象都有二个parent属性,表示它的父框架。假设该框架已然是顶层框架,则window.parent还表示该框架本人。

咱俩尝试使用原生JavaScript操纵iframe

在frame1中可以使用如下语句来引用frame2:self.parent.frames["frame2"];
self.parent.frames["childName"].frames["targetFrameName"];
$(window.frames["iframe1"].document).find
$(window.parent.document).find("input[@type='radio']").attr("checked","true");iframe框架的:
$("#mainframe",parent.document.body).contents().find.html()或者$("#mainframe",parent.document.body).contents().find.val()

上面分别介绍不相同等级次序框架间的人机联作引用:

leftiframe中jQuery改变mainiframe的src代码:
$(“#mainframe”,parent.document.body).attr(“src”,””)

self.frames["frameName"]self.frames[0]frames[0]frameName

实例深入分析:

$("#testId",document.frames("iframename").document).html();

$(window.frames["iframeName"].document).find.html()

三个页面中的全数框架以集中的形式作为window
对象的脾性提供,举例:window.frames就意味着该页面内有所框架的集结,那和表单对象、链接对象、图片对象等是相通的,区别的是,那几个集中是
document的性质。由此,要引用多个子框架,可以接受如下语法:

相关文章

网站地图xml地图