在父窗口中获取iframe中的元素
1、
格式：windowframes["iframe的name值"]documentgetElementByIdx_x("iframe中控件的ID")click();
实例：windowframes["ifm"]documentgetElementByIdx_x("btnOk")click();
2、
格式：
var obj=documentgetElementByIdx_x("iframe的name")contentWindow;
var ifmObj=objdocumentgetElementByIdx_x("iframe中控件的ID");
ifmObjclick();
实例：
var obj=documentgetElementByIdx_x("ifm")contentWindow;
var ifmObj=objdocumentgetElementByIdx_x("btnOk");
ifmObjclick();
在iframe中获取父窗口的元素
格式：windowparentdocumentgetElementByIdx_x("父窗口的元素ID")click();
实例：windowparentdocumentgetElementByIdx_x("btnOk")click();
jquery
在父窗口中获取iframe中的元素
1、
格式：$("#iframe的ID")contents()find("#iframe中的控件ID")click();//jquery 方法1
实例：$("#ifm")contents()find("#btnOk")click();//jquery 方法1
2、
格式：$("#iframe中的控件ID",documentframes("frame的name")document)click();//jquery 方法2
实例：$("#btnOk",documentframes("ifm")document)click();//jquery 方法2
在iframe中获取父窗口的元素
格式：$('#父窗口中的元素ID', parentdocument)click();
实例：$('#btnOk', parentdocument)click();
父窗获取子窗口的IFrame中的JS方法
一、父窗口调用iframe子窗口方法
1、HTML语法：<iframe name="myFrame" src="childhtml"></iframe>
2、父窗口调用子窗口：myFramewindowfunctionName();
3、子窗品调用父窗口：parentfunctionName();
简单地说,也就是在子窗口中调用的变量或函数前加个parent就行
4、父窗口页面源码：
复制代码代码如下:
<html>
<head>
<script type="text/javascript">
function say() {
alert("parenthtml------>I'm at parenthtml");
}
function callChild()
{
//documentframes("myFrame")f1();
myFramewindowsay();
}
</script>
</head>
<body>
<input type=button value="调用childhtml中的函数say()" onclick="callChild()">
<iframe name="myFrame" src="childhtml"></iframe>
</body>
</html>
5、子窗口页面：
复制代码代码如下:
<html>
<head>
<script type="text/javascript">
function say()
{
alert("childhtml--->I'm at childhtml");
}
function callParent() {
parentsay();
}
</script>
</head>
<body>
<input type=button value="调用parenthtml中的say()函数" onclick="callParent()">
</body>
</html>
二、iframe 父窗口和子窗口相互的调用方法
1、IE中使用方法：
父窗口调用子窗口：iframe_IDiframe_document_objectobject_attribute = attribute_value
例子：onClick="iframe_textmyH1innerText='>
每个“窗口”都是一个JS Runtime，即JS的运行时。如果只有一个窗口，那么就只有一个Runtime；如果一个窗口下面还有一个iframe，那么就有两个Runtime；以此类推。
Runtime之间互 *** 作（或者通信）是有跨域限制的。也就是说，如果这个窗口本身是abaiducom域名下的页面，那么如果这个页面下还有一个iframe，这个iframe中加载的页面是bbaiducom域名下的。那么外层的JS。就不能跟这个iframe中的内容互 *** 作（或者通信）。
因此外层Runtime中的JS想 *** 作内层iframe中的内容，就必须要避免跨域限制。要么内层iframe加载页面的域名跟外层是一样的。要么就是需要在内层iframe加载的页面中执行documentdomain = 'baiducom';从而设置跟外层的主域相同。
例如，当前页面是abaiducom/testhtml
<html><head>
</head>
<body>
<iframe id="iFrm1" src="
<script>
documentdomain = 'baiducom';
var ifrm1 = documentgetElementById('iFrm1');
ifrm1onload = function(){
alert(ifrm1contentWindowdocumentgetElementById('innerDiv')innerHTML);//d出恭喜你 *** 作到内部iframe中的元素了！！！
};
</script>
</body>
</html>
iframe中加载的页面内容如下：
<html><head>
</head>
<body>
<div id="innerDiv">恭喜你 *** 作到内部iframe中的元素了！！！</div>
<script>
documentdomain = 'baiducom';
</script>
</body>
</html>
在HTML5中新增了postMessage的API。可以方便窗口跟内部iframe之间进行通信，并且可以实现跨主域通信。但是有一些限制，1老版本的浏览器一般不支持。2父窗口只能向iframe中发送信息，iframe只能收消息，且父窗口不能直接 *** 作iframe中的内容。3父窗口发送的数据也是有限制的。只能发送基本数据类型或者plain object。
虽说,现在的程序很多都是Copy的,但即使是Copy很多时候还是要自己去动手
有时候问问题前先百度一下可能问题就解决了
------=华丽的分割线=------
你的问题,其实只是想把父窗口的Url参数拆解了然后传到子窗口去使用
那么只要处理URL参数就行了
--------------------------
脚本如下(百度来的,原文地址:>
1、在父页面访问Iframe子窗体的txtAddress控件
windowframes["ifrMapCompanyDetails"]documentall("txtAddress")value = '地址' ;
2、在Iframe子窗体1访问父页面的TextBox1控件 , 子窗体1把值赋给子窗体2的某个控件
string strValue = "从子窗体传递给父页面的值" ;
下面是在Page_Load事件里面调用的,当然可以写在javascript脚本里面
thisResponseWrite("<script>parentdocumentall('TextBox1')value = '" + strValue + "';</script>");
thisResponseWrite("<script>if( parentdocumentall('TextBox2')value = '0')parentdocumentall('TextBox1')value = '44';</script>");
3、子窗体访问父窗体中的全局变量：
parentxxx;
4、在Iframe子窗体1访问子窗体2的txtAddress控件 子窗体1把值赋给子窗体2的某个控件
windowparentframes["ifrMapCompanyDetails"]documentall("txtAddress")value = '地址' ;
父窗体提交两个Iframe子窗体
windowframes["ifrMapCompanyDetails"]Form1submit();
windowframes["ifrMapProductInfoDetails"]Form1submit();
Iframe子窗体 调用父页面的javascript事件
windowparentXXX()
//父页面调用当前页面中IFRAME子页面中的脚本childEvent
function invokechildEvent()
{ var frm = documentframes["ifrChild1"]childEvent(); }
或者调用当前页面中第一个IFRAME中的脚本childEvent
{ var frm = documentframes[0]; frmchildEvent(); }
//子页面调用父窗体的某个按钮的按钮事件
windowparentForm1btnParentclick()
父页面调用子窗体的某个按钮的按钮事件
windowframes['ifrChild1']documentallitem("btnChild3")click();
//jquery 部分：
1在父窗口中 *** 作 选中IFRAME中的所有单选钮
$(windowframes["iframe1"]document)find("input[@type='radio']")attr("checked","true");
2在IFRAME中 *** 作 选中父窗口中的所有单选钮
$(windowparentdocument)find("input[@type='radio']")attr("checked","true");
以上就是关于js获取iframe 然后 *** 作--》点击iframe的document或body的时候，修改父窗体的样式全部的内容，包括:js获取iframe 然后 *** 作--》点击iframe的document或body的时候，修改父窗体的样式、javascript 如何获取iframe里面的内容、iframe中子页面如何接收父页面所接受的参数等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）