jQuery在iframe里取得父窗口的某个元素的值

原创 2012年03月31日 13:41:35
parent.父窗体中的全局变量;        //在子窗体中获得父窗体的全局变量

1.在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[ at type='radio']") dot attr("checked","true");
2.在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input[ at type='radio']") dot attr("checked","true");
iframe框架的:<iframe src="test.html" id="iframe1" width="700" height="300" frameborder="0" scrolling="auto"></iframe>
IE7中测试通过
在父页面访问Iframe子窗体的txtAddress控件 
window.frames["ifrMapCompanyDetails"].document.all("txtAddress").value = '地址' ; 
   
在Iframe子窗体1访问父页面的TextBox1控件 , 子窗体1把值赋给子窗体2的某个控件 
string strValue = "从子窗体传递给父页面的值" ; 
下面是在Page_Load事件里面调用的,当然可以写在javascript脚本里面 
this.Response.Write("<script>parent.document.all('TextBox1').value = '" + strValue + "';</script>"); 
this.Response.Write("<script>if( parent.document.all('TextBox2').value = '0')parent.document.all('TextBox1').value = '44';</script>"); 
子窗体访问父窗体中的全局变量: 
parent.xxx; 
在Iframe子窗体1访问子窗体2的txtAddress控件 子窗体1把值赋给子窗体2的某个控件 
window.parent.frames["ifrMapCompanyDetails"].document.all("txtAddress").value = '地址' ; 
父窗体提交两个Iframe子窗体 
window.frames["ifrMapCompanyDetails"].Form1.submit(); 
window.frames["ifrMapProductInfoDetails"].Form1.submit(); 
Iframe子窗体 调用父页面的javascript事件 
window.parent.XXX() 
//父页面调用当前页面中IFRAME子页面中的脚本childEvent 
function invokechildEvent() 
{ var frm = document.frames["ifrChild1"].childEvent(); } 
或者调用当前页面中第一个IFRAME中的脚本childEvent 
{ var frm = document.frames[0]; frm.childEvent(); } 
//子页面调用父窗体的某个按钮的按钮事件 
window.parent.Form1.btnParent.click() 
父页面调用子窗体的某个按钮的按钮事件 
window.frames['ifrChild1'].document.all.item("btnChild3").click(); 
//jquery 部分: 
1.在父窗口中操作 选中IFRAME中的所有单选钮 
$(window.frames["iframe1"].document).find("input[ at type='radio']") dot attr("checked","true"); 
2.在IFRAME中操作 选中父窗口中的所有单选钮 
$(window.parent.document).find("input[ at type='radio']") dot attr("checked","true");

版权声明:本文为博主原创文章,未经博主允许不得转载。

Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素  1、 格式:wi...
  • tanguang_honesty
  • tanguang_honesty
  • 2013年10月17日 15:00
  • 17852

通过js或jQuery,<iframe>子父窗口之间元素、方法、window的相互获取

1、js在子窗口获取父窗口的window window.parent //此时可以调用父窗口的window方法,比如获取父窗口的高度window.parent.innerHeight,宽度window...
  • MOONCOM
  • MOONCOM
  • 2016年11月11日 17:55
  • 10112

iframe子页面获取父页面元素的方法

在iframe子页面获取父页面元素    代码如下: $.('#objld', parent.document); 在父页面获取iframe子页面的元素    代码如下: $("#objid"...
  • lhzjj
  • lhzjj
  • 2013年12月10日 11:22
  • 68075

JQueryiframe页面操作父页面中的元素与方法(实例讲解)

1)在iframe中查找父页面元素的方法: $('#id', window.parent.document) 2)在iframe中调用父页面中定义的方法和变量: parent.method pare...
  • tomcat_2014
  • tomcat_2014
  • 2015年11月03日 22:25
  • 1983

Jquery 操作iframe中元素

query取得iframe中元素的几种方法 在iframe子页面获取父页面元素代码如下:$('#objId', parent.document);// 搞定...在父页面 获取iframe子页面的元素...
  • forest_fire
  • forest_fire
  • 2016年03月21日 11:17
  • 1786

[DOM元素处理] 使用jQuery获取iframe元素的value属性值 IE-firefox可以用

使用jQuery获取iframe元素的value属性值: 本章节介绍一下如何获取iframe子元素中指定表单元素的value属性值。 这里必须首先要强调一点,这个iframe子元素必须是同域之...
  • u013718071
  • u013718071
  • 2014年10月07日 12:57
  • 702

如何使用jQuery的class标签器隐藏iframe内加载的div元素,

$(function(){  var iframe = $("#diggerName")[0];  if (iframe.attachEvent){  // for IE      iframe.at...
  • hanxu521111
  • hanxu521111
  • 2017年09月05日 17:28
  • 346

用jQuery在IFRAME里取得父窗口的某个元素的值

只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮 $(window.frames["iframe1"].document).find("i...
  • xingxing513234072
  • xingxing513234072
  • 2012年08月01日 19:33
  • 303

【转载】用jQuery在IFRAME里取得父窗口的某个元素的值

只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮/ $(window.frames["iframe1"].document).find("inpu...
  • forest_fire
  • forest_fire
  • 2016年03月21日 10:47
  • 128

关于iframe与父窗口元素选取的问题

在做项目的时候使用到了Iframe,可是在实现点击iframe内的元素动态改变父窗口导航栏相应条目高亮active的时候发现在iframe内Jq不能选取父容器的元素,仔细一想,确实是不应该选取到的,毕...
  • SuperCoooooder
  • SuperCoooooder
  • 2016年03月12日 10:18
  • 1388
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery在iframe里取得父窗口的某个元素的值
举报原因:
原因补充:

(最多只允许输入30个字)