JavaScript实现iframe中操作父类的input

时间：2014-10-17 编辑：简简单单来源：一聚教程网

iframe中操作父类的input

window.parent.document.getElementById('mark2').value=$('#rightPointer').val();

在父窗口中操作选中IFRAME中的所有输入框：

$(window.frames["iframeSon"].document).find(":text");

在IFRAME中操作选中父窗口中的所有输入框：

$(window.parent.document).find(":text");

在IFRAME中操作选中父窗口中的所有单选钮

$(window.parent.document).find("input[@type='radio']").attr("checked","true");

示例

父对象得到子窗口的值

代码如下

复制代码

//ObjectID是窗口标识，ContentID是元素ID
function GetValue(ObjectID,ContentID)
{
var IsIE = (navigator.appName == 'Microsoft Internet Explorer')
if(IsIE)
{//如果是IE
alert(document.frames(ObjectID).document.getElementById(ContentID).innerHTML);
}
else
{//如果是FF
alert(document.getElementById(ObjectID).contentDocument.getElementById(ContentID).innerHTML);
//FF下不支持innerText; 下面是解决方法
//if(document.all){
//　　alert(document.getElementById('div1').innerText);
//} else{
//　 alert(document.getElementById('div1').textContent);
//}
}
}

父对象向子窗口赋值

//ObjectID是窗口标识，ContentID是元素ID
function SetValue(ObjectID,ContentID)
{
var IsIE = (navigator.appName == 'Microsoft Internet Explorer')
if(IsIE)
{//如果是IE
document.frames(ObjectID).document.getElementById(ContentID).innerHTML="我是IE下通过父窗口赋值过来的";
}
else
{//如果是FF
document.getElementById(ObjectID).contentDocument.getElementById(ContentID).innerHTML="我是FF下通过父窗口赋值过来的";
}
}

1.父窗口对子窗口操作

取值：
//父窗口取子窗口的值
       GetValue("Iframe1","IframeDiv");

赋值：

//父窗口设置窗口元素的值;
       SetValue("Iframe1","IframeDiv");

2.子窗口操作父窗口

取值：
alert(window.parent.document.getElementById("IframeDiv").innerHTML);

赋值：
window.parent.document.getElementById("IframeDiv").innerHTML="我是从子窗口IFRAME传过来的值";

工作有用到的例子

先由iframe中的子页面b.html给外面的父页面a.html页面传值，再将a.html页面计算机的值放到b.html页面上，这里就用到子页面和父页面相互传值，相互调用更自函数这些功能，这里我用一个简单的例子来介绍一下这些方法。

a.html

代码如下	复制代码
[html] view plaincopy test

b.html

代码如下	复制代码

上一个： JQuery判断radio是否选中，获取选中值例子
下一个： jquery刷新iframe页面的方法(兼容主流)

推荐专题

最新下载

热门教程

JavaScript实现iframe中操作父类的input

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程