iframe的学习

Sando352835800

浏览: 23524 次
性别:
来自: 广州

最近访客更多访客>>

qindongliang1922

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

成长点滴

jQuery HTML 框架

解决调用所有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")

分享到：

JS基础概念 | frameset的rows属性

2010-08-18 10:12
浏览 819
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论