搜索
您的当前位置:首页正文

jqueryiframe操作详细解析_jquery

2023-12-04 来源:好心意情感网

使用jquery操作iframe

1、 内容里有两个ifame

leftiframe中jQuery改变mainiframe的src代码: $("#mainframe",parent.document.body).attr("src","http://www.radys.cn")

2、 如果内容里面有一个ID为mainiframe的ifame ifame包含一个someID you want to get this content 得到someID的内容

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

3、在父窗口中操作 选中IFRAME中的所有单选钮$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

那选择id自然就是依然使用find方法$(window.frames["iframe1"].document).find("#id")

4、 如上面所示 leftiframe中的jQuery操作mainiframe的内容someID的内容 $("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()

使用JavaScript操纵iframe

框架间的互相引用

一个页面中的所有框架以集合的形式作为window对象的属性提供,例如:window.frames就表示该页面内所有框架的集合,这和表单对象、链接对象、图片对象等是类似的,不同的是,这些集合是document的属性。因此,要引用一个子框架,可以使用如下语法:

window.frames["frameName"];

window.frames.frameName

window.frames[index]

其中,window字样也可以用self代替或省略,假设frameName为页面中第一个框架,则以下的写法是等价的:

self.frames["frameName"]

self.frames[0]

frames[0]

frameName

每个框架都对应一个HTML 页面,所以这个框架也是一个独立的浏览器窗口,它具有窗口的所有性质,所谓对框架的引用也就是对window对象的引用。有了这个window对象,就可以很方便地对其中的页面进行操作,例如使用window.document对象向页面写入数据、使用window.location属性来改变框架内的页面等。

下面分别介绍不同层次框架间的互相引用:

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

知道了上述原理,从父框架引用子框架变的非常容易,即:

window.frames["frameName"];

这样就引用了页面内名为frameName的子框架。如果要引用子框架内的子框架,根据引用的框架实际就是window对象的性质,可以这样实现:

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

这样就引用到了二级子框架,以此类推,可以实现多层框架的引用。

2.子框架到父框架的引用

每个window对象都有一个parent属性,表示它的父框架。如果该框架已经是顶层框架,则window.parent还表示该框架本身。

3.兄弟框架间的引用

如果两个框架同为一个框架的子框架,它们称为兄弟框架,可以通过父框架来实现互相引用,例如一个页面包括2个子框架:

在frame1中可以使用如下语句来引用frame2:

self.parent.frames["frame2"];

4.不同层次框架间的互相引用

框架的层次是针对顶层框架而言的。当层次不同时,只要知道自己所在的层次以及另一个框架所在的层次和名字,利用框架引用的window对象性质,可以很容易地实现互相访问,例如:

self.parent.frames["childName"].frames["targetFrameName"];

5.对顶层框架的引用

和parent属性类似,window对象还有一个top属性。它表示对顶层框架的引用,这可以用来判断一个框架自身是否为顶层框架,例如:

//判断本框架是否为顶层框架

if(self==top){

//dosomething

}

小编还为您整理了以下内容,可能对您也有帮助:

jquery 能操作外部iframe的元素吗?

对,jQuery可以操作外部iframe的元素。首先,您需要获取到iframe元素,然后使用contents()方法来访问iframe内部的元素,最后使用其他jQuery方法来操作目标元素。以下是一个示例:

```javascript

// 获取iframe元素

var iframe = $("#myiframe");

// 获取iframe内部的body元素

var iframeBody = iframe.contents().find("body");

// 隐藏外部网站的头部

var header = iframeBody.find("header");

header.hide();

```

上述示例中,假设您的iframe的id为"myiframe",它包含了一个带有header标签的头部元素。通过获取iframe元素并使用contents()方法及其他jQuery方法,你可以在外部网站上隐藏该头部元素。

请注意,由于同源策略的,只能操作源为同一域名的iframe元素。如果要操作不同域名的iframe,您需要确保在子域内提供了足够的权限可供您进行操作。

jquery怎么操作iframe

使用jquery操作iframe
1、 内容里有两个ifame
<iframe id="leftiframe"...</iframe>
<iframe id="mainiframe..</iframe>
leftiframe中jQuery改变mainiframe的src代码:
$("#mainframe",parent.document.body).attr("src","http://www.radys.cn")
2、 如果内容里面有一个ID为mainiframe的ifame
<iframe id="mainifame"...></ifame>
ifame包含一个someID
<div id="someID">you want to get this content</div>
得到someID的内容
$("#mainiframe").contents().find("someID").html() html 或者 $("#mainiframe").contains().find("someID").text()值
3、在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

那选择id自然就是依然使用find方法
$(window.frames["iframe1"].document).find("#id")

4、 如上面所示
leftiframe中的jQuery操作mainiframe的内容someID的内容
$("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()

参考:http://www.cnblogs.com/xyicheng/archive/2010/02/26/1674017.html

jquery怎么操作iframe

使用jquery操作iframe
1、 内容里有两个ifame
<iframe id="leftiframe"...</iframe>
<iframe id="mainiframe..</iframe>
leftiframe中jQuery改变mainiframe的src代码:
$("#mainframe",parent.document.body).attr("src","http://www.radys.cn")
2、 如果内容里面有一个ID为mainiframe的ifame
<iframe id="mainifame"...></ifame>
ifame包含一个someID
<div id="someID">you want to get this content</div>
得到someID的内容
$("#mainiframe").contents().find("someID").html() html 或者 $("#mainiframe").contains().find("someID").text()值
3、在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

那选择id自然就是依然使用find方法
$(window.frames["iframe1"].document).find("#id")

4、 如上面所示
leftiframe中的jQuery操作mainiframe的内容someID的内容
$("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()

参考:http://www.cnblogs.com/xyicheng/archive/2010/02/26/1674017.html

iframe说明与用法

一、记录说明

二、iframe说明

<iframe></iframe>标签用于定义一个页面的内联框架。就是在一个html页面中分出小块,然后用iframe把其他网页嵌入进来,这小块就会显示其他html页面的内容了。

三、iframe标签常用属性

四、父、子页面常用方法

1、父页面

注意:iframe加载也需要时间(相当于重新打开一个页面),需要在父页面操作子页面,要等子页面加载完成,iframe常加上onload事件,jq常加上 $('#iframeId').load(function(){}); 再开始操作子页面。

2、子页面

五、实例

这里也包含了项目中写的常用的公共函数。为了方便js直接嵌入html中。因为jquery很方便,也引入了。

六、替换方法

1、ajax获取页面操作DOM加载。jquery也有提供 $('divId').load('.html') 直接加载的方法。

2、vue等框架,组件。

Jquery 获取iframe 中元素并设置CSS问题

1、创建一个名称为css的html文件。

2、在页面中加入一个button按钮,当点击button的时候出发click事件。

3、在加入一个div设置宽和高还有背景色,当button的click事件中用css方法修改该div背景色。

4、文件引入jquery 库。

5、在文档准备方法中加入click点击事件。

6、在click事件中加入css方法设置div的背景色。

7、在浏览器中运行该文件。并点击button设置div的背景色。

好心意情感网还为您提供以下相关内容希望对您有帮助:

jquery 能操作外部iframe的元素吗?

对,jQuery可以操作外部iframe的元素。首先,您需要获取到iframe元素,然后使用contents()方法来访问iframe内部的元素,最后使用其他jQuery方法来操作目标元素。以下是一个示例:```javascript // 获取iframe元素 var iframe = $(...

iframe说明与用法

六、替换方法 1、ajax获取页面操作DOM加载。jquery也有提供 $('divId').load('.html') 直接加载的方法。 2、vue等框架,组件。

jquery怎么操作iframe

1、 内容里有两个ifame &lt;iframe id="leftiframe"...&lt;/iframe&gt; &lt;iframe id="mainiframe..&lt;/iframe&gt; leftiframe中jQuery改变mainiframe的src代码:("#mainframe",parent.document.body).attr("src","http://www.radys....

Jquery 获取iframe 中元素并设置CSS问题

1、创建一个名称为css的html文件。2、在页面中加入一个button按钮,当点击button的时候出发click事件。3、在加入一个div设置宽和高还有背景色,当button的click事件中用css方法修改该div背景色。4、文件引入jquery 库。5、在...

Jquery如何获取iframe里面body的html呢?

Jquery可以使用“$("iframe body").html()”语句获取iframe里面body的html内容。jQuery选择器允许对HTML元素组或单个元素进行操作,所有选择器都以美元符号开头:$()。元素选择器基于元素名选取元素,例如:“$("p")”可以...

jquery 获得刷新后iframe的内容

1.html");});但是 jQuery 一般是用在DIV标签里,有了jQuery就不用iFrame了。貌似在iframe本身点击就可以刷新的,不需要js干涉。如果需要刷新iframe子页中的内容,鼠标放在iframe的框架内点右键-刷新。在IE下是这样用的。

解析jquery获取父窗口的元素

其区别在于 用showModelessDialog()打开窗口时 不必用window close()去关闭它 当以非模态方式[IE ]打开时 打开对话框 的 窗口仍可以进行其他的操作 即对话框不总是最上面的焦点 当打开它的窗口URL改变时 它自动关闭 而...

jquery跨iframe框架不能执行

或者直接写parent.document jquery方法:在父窗口中操作 其下IFRAME中的元素: $(window.frames["iframeName"].document).find(”:text”);在IFRAME中操作 选中父窗口中的所有输入框:$(window.parent.document).find(”:...

jquery 如何操作iframe 里面的元素

用 iframe 里的 jQuery 操作是最简单的。否则先得取出 iframe 里的元素再用 jQuery 包覆。如果拿不到 iframe 的元素,大概是跨域限制,jQuery 也是没有办法的。

jquery 如何实现iframe页面的切换??

只好用DOM方法与jquery方法结合的方式实现了 1. 在父窗口中操作 选中IFRAME中的所有单选钮 (window.frames["iframe1"].document).find("input:radio").attr("checked","true");2. 在IFRAME中操作 选中父窗口中的所有...

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

热门图文

  • 酬王定国·岂有多方书五车相同朝代诗歌

    《酬王定国·岂有多方书五车》刘攽相同朝代诗词。《曹将军》、《下瞿塘》、《滕王阁》、《儿馁嗔郎罢妻寒怨藁砧唐眉山诗也戏为笺之》、《题艾溪》、《废贡院为米廪过之值盘厫》、《送客至灵谷》、《叹屩词》、《题陈朝玉爱竹轩》、《酬春湖史履庸惠四皓图》。《酬王定国·岂有多方书五车》相同朝代的诗词:《曹将军》、《下瞿塘》、《滕王阁》、《儿馁嗔郎罢妻寒怨藁砧唐眉山诗也戏为笺之》、《题艾溪》、《废贡院为米廪过之值盘厫》、《送客至灵谷》、《叹屩词》、《题陈朝玉爱竹轩》、《酬春湖史履庸惠四皓图》作者:刘攽。年代:宋代。我们为您从以下几个方面提供酬王定国·岂有多方书五车的详细介绍。一、《酬王定国·岂有多方书五车》的全文 点此查看《酬王定国·岂有多方书五车》的详细内容。岂有多方书五车,尔来留意就丹砂。

  • 和超然翁韵二首的全文 和超然翁韵二首的全文是什么

    《和超然翁韵二首》黄公度全文:西风回首故乡情,何日为园学邵平。已办孤帆冲夕浪,可堪万壑更秋声。折腰为米追时辈,当面输心愧老成。饮罢归来未能寝,微吟拥鼻数寒更。《和超然翁韵二首》全文:西风回首故乡情,何日为园学邵平。已办孤帆冲夕浪,可堪万壑更秋声。折腰为米追时辈,当面输心愧老成。饮罢归来未能寝,微吟拥鼻数寒更。作者:黄公度。年代:宋代。我们为您从以下几个方面提供和超然翁韵二首的详细介绍。一、《和超然翁韵二首》的全文 点此查看《和超然翁韵二首》的详细内容。西风回首故乡情,何日为园学邵平。已办孤帆冲夕浪,可堪万壑更秋声。折腰为米追时辈,当面输心愧老成。饮罢归来未能寝,微吟拥鼻数寒更。二、《和超然翁韵二首》黄公度其他诗词《乙亥岁除渔梁村》、《悲秋》、《卜算子》、《道间即事》、《眼儿媚》。

  • 酬王定国·岂有多方书五车的全文 酬王定国·岂有多方书五车的全文是什么

    《酬王定国·岂有多方书五车》刘攽全文:岂有多方书五车,尔来留意就丹砂。谁将饱食仓中鼠,换取红莲火里花。三顾祇能矜彼善,万钟多不悟堪嗟。蟠桃结实何难俟,况值安期枣似瓜。《酬王定国·岂有多方书五车》全文:岂有多方书五车,尔来留意就丹砂。谁将饱食仓中鼠,换取红莲火里花。三顾祇能矜彼善,万钟多不悟堪嗟。蟠桃结实何难俟,况值安期枣似瓜。作者:刘攽。年代:宋代。我们为您从以下几个方面提供酬王定国·岂有多方书五车的详细介绍。一、《酬王定国·岂有多方书五车》的全文 点此查看《酬王定国·岂有多方书五车》的详细内容。岂有多方书五车,尔来留意就丹砂。谁将饱食仓中鼠,换取红莲火里花。三顾祇能矜彼善,万钟多不悟堪嗟。蟠桃结实何难俟,况值安期枣似瓜。

  • 和超然翁韵二首的全文是什么

    《和超然翁韵二首》黄公度全文:西风回首故乡情,何日为园学邵平。已办孤帆冲夕浪,可堪万壑更秋声。折腰为米追时辈,当面输心愧老成。饮罢归来未能寝,微吟拥鼻数寒更。《和超然翁韵二首》全文:西风回首故乡情,何日为园学邵平。已办孤帆冲夕浪,可堪万壑更秋声。折腰为米追时辈,当面输心愧老成。饮罢归来未能寝,微吟拥鼻数寒更。作者:黄公度。年代:宋代。我们为您从以下几个方面提供和超然翁韵二首的详细介绍。一、《和超然翁韵二首》的全文 点此查看《和超然翁韵二首》的详细内容。西风回首故乡情,何日为园学邵平。已办孤帆冲夕浪,可堪万壑更秋声。折腰为米追时辈,当面输心愧老成。饮罢归来未能寝,微吟拥鼻数寒更。二、《和超然翁韵二首》黄公度其他诗词《乙亥岁除渔梁村》、《悲秋》、《卜算子》、《道间即事》、《眼儿媚》。

  • 酬王定国·岂有多方书五车的全文是什么

    《酬王定国·岂有多方书五车》刘攽全文:岂有多方书五车,尔来留意就丹砂。谁将饱食仓中鼠,换取红莲火里花。三顾祇能矜彼善,万钟多不悟堪嗟。蟠桃结实何难俟,况值安期枣似瓜。《酬王定国·岂有多方书五车》全文:岂有多方书五车,尔来留意就丹砂。谁将饱食仓中鼠,换取红莲火里花。三顾祇能矜彼善,万钟多不悟堪嗟。蟠桃结实何难俟,况值安期枣似瓜。作者:刘攽。年代:宋代。我们为您从以下几个方面提供酬王定国·岂有多方书五车的详细介绍。一、《酬王定国·岂有多方书五车》的全文 点此查看《酬王定国·岂有多方书五车》的详细内容。岂有多方书五车,尔来留意就丹砂。谁将饱食仓中鼠,换取红莲火里花。三顾祇能矜彼善,万钟多不悟堪嗟。蟠桃结实何难俟,况值安期枣似瓜。

Top