iframe的学习

最新推荐文章于 2021-08-06 13:08:23 发布

qqyang123456

最新推荐文章于 2021-08-06 13:08:23 发布

阅读量89

点赞数

分类专栏：成长点滴文章标签： jQuery HTML 框架 ViewUI

本文链接：https://blog.csdn.net/qqyang123456/article/details/83695726

版权

成长点滴专栏收录该内容

4 篇文章 0 订阅

订阅专栏

解决调用所有iframe的同一个JS方法：
应用场境：
一个页面里有多个iframe，每个iframe里都有一个doQuery方法。
调用每个iframe的doQuery方法：

for(var i=0;i<window.frames.length;i++){
window.frames[i].doQuery();
}

在iframe的JS代码中得到父页面的输入框的值：
var num1= $(window.parent.document).find("#num1").val();

在父页面得到iframe输入框的值：
dlg.getIFrame().document.getElementById("PROCESS_STATE").value;

解决问题中学到的东西：
<html>
<body>
<iframe id="ifr_1" name="ifr_1">
</iframe>
</body>
</html>

其中：

document.frames(“ifr_1”)可以得到一个window对象
document.frames[“ifr_1”]可以得到一个Html Element DOM对象

jquery取得iframe元素的方法：

收集利用Jquery取得iframe中元素的几种方法 :

Js代码
$(document.getElementById('iframeId').contentWindow.document.body).htm()

显示iframe中body元素的内容。

Js代码
$("#testId", document.frames("iframename").document).html();
根据iframename取得其中ID为"testId"元素

Js代码
$(window.frames["iframeName"].document).find("#testId").html()
作用同上

收集网上的一些示例：
用jQuery在IFRAME里取得父窗口的某个元素的值
只好用DOM方法与jquery方法结合的方式实现了

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

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

iframe框架的：<iframe src="test.html" id="iframe1" width="700" height="300" frameborder="0" scrolling="auto"></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")

qqyang123456

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iframe的学习

解决调用所有iframe的同一个JS方法：应用场境：一个页面里有多个iframe，每个iframe里都有一个doQuery方法。调用每个iframe的doQuery方法： for(var i=0;i...
复制链接

扫一扫

专栏目录