jquery 怎么获取当前iframe的父元素_框架

1在iframe中查找父页面元素的方法：

$('#id', windowparentdocument)

2在iframe中调用父页面中定义的方法和变量：

parentmethod

parentvalue

父页面读写 *** 作子页面：

windowonload = function () {

下面两种获取节点内容的方式都可以。

由于 IE6, IE7 不支持 contentDocument 属性，所以此处用了通用的

windowframes["iframe Name"] or windowframes[index]

var d = windowframes["test-iframe"]document;

dgetElementsByTagName('h1')[0]innerHTML = 'pp';

alert(dgetElementsByTagName('h1')[0]firstChilddata);

}

</script>

注：在请务必通过 windowonload 方法访问 iframe 中的节点，否则浏览器会提示错误-拒绝访问。在 IE8, Firefox36, Opera11 下在 DOMReady 时也可以访问 iframe 中的节点。

在父窗口中获取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>

function say() {

alert("parenthtml------>I'm at parenthtml");

}

function callChild()

{

//documentframes("myFrame")f1();

myFramewindowsay();

}

</script>

</head>

<body>

</body>

</html>

5、子窗口页面：

复制代码代码如下:

<html>

<head>

function say()

{

alert("childhtml--->I'm at childhtml");

}

function callParent() {

parentsay();

}

</script>

</head>

<body>

</body>

</html>

二、iframe 父窗口和子窗口相互的调用方法

1、IE中使用方法：

父窗口调用子窗口：iframe_IDiframe_document_objectobject_attribute = attribute_value

例子：onClick="iframe_textmyH1innerText='>

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");

1、在父页面访问Iframe子窗体的txtAddress控件 windowframes["ifrMapCompanyDetails"]documentall("txtAddress")value = '地址' ; 2、在Iframe子窗体1访问父页面的TextBox1控件 , 子窗体1把值赋给子窗体2的某个控件 string strValue = "从子

以上就是关于jquery 怎么获取当前iframe的父元素全部的内容，包括:jquery 怎么获取当前iframe的父元素、父页面获取iframe中的内容、js获取iframe 然后 *** 作--》点击iframe的document或body的时候，修改父窗体的样式等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/10146021.html

jquery 怎么获取当前iframe的父元素

发表评论

评论列表（0条）