父窗体与子窗体通讯
A通过window.open()方式打开B,B如何在A的下拉列表框中增加一个选项????
window.opener.document.getElementbyId("select").options.add(new Option("display","value"))
十年的丹凤网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同,自动调整丹凤建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“丹凤网站设计”,“丹凤网站推广”以来,每个客户项目都认真落实执行。
window.opener 返回的是对父窗体的一个引用,通过它可以控制父窗体,常见有:
[@more@]1、设置父页面背景
window.opener.document.body.backgroundColor = "red" ;
2、刷新父页面
window.opener.location.reload();
3、设置父页面文本框的值
window.opener.document.getElementById("txtUserName").value = "张三" ;
4、设置父页面单选按钮的状态
window.opener.document.getElementById("rdoMan").checked = true ;
5、显示父页面的层(利用层的透明属性可以制作蒙板效果)
window.opener.document.getElementById("divMask").style.display = "block" ;
6、让父页面应用滤镜效果 -- 应用灰度滤镜
window.opener.document.body.style.filter = "gray()"
function addOptions(){
//构造一个option选项
var op = new Option("新浪","www.sina.com.cn");
//自己窗口的select选项中再添加一项
window.document.getElementById("newUrl").options.add(op);
//子窗体获得父窗体中定义的变量
//alert(window.opener.obj);
//子窗体为父窗体的文本框赋值
window.opener.document.getElementById("username").value="accp";
//子窗体控制父窗体中表单的单选按钮 window.opener.document.getElementById("man").checked=true;
//子窗体控制父窗体中表单的下拉列表框
//window.opener.documenet.getElementById("myUrl").options.length = 0; //window.opener.document.getElementById("myUrl").options[i] = op ;
//????????????子窗体怎样取得父窗体中的下拉列表框的选项
//答案就是通过window.opener.document创建节点的方式来解决。
//创建一个父窗体的Option节点
var op2 = window.opener.document.createElement("option");
//创建一个父窗体的文本节点
var txtNode = window.opener.document.createTextNode("新浪");
//为父窗体的Option节点添加属性
op2.setAttribute("value","www.sina.com.cn");
//将父窗体的文本节点做为子节点添加到Option节点上
op2.appendChild(txtNode);
//最后将创建好的Option节点添加到父窗体的options集合中 window.opener.document.getElementById("myUrl").options.appendChild(op2) ;
//暂停后面的关闭自己操作,观看父窗口的变化
alert();
其实在JS中认为父窗体与子窗体优先级不一样,子窗体不用将opener置空也能无弹框关闭自己窗口,但是父窗体认为有很重要内容,需要客户确定,所以就提示如果将opener置空,则优先级变为普通窗休,没有父窗体,关闭时不用弹框建议将opener置空,否则opener在达到一定数量后浏览器才清空。
window.opener = null ;
self.close();
}
注意:如果是showModalDialog方法打开的子窗口,控制父窗体应该这样做:
window.showModalDialog('default2.aspx',
{doc:document,win:parent},
'...');
dialogArguments.doc.all.Text1.value = "123";
需要注意的2点
1:showModalDialog的第二个参数很关键
2:子窗口的dialogArguments对象来控制很重要
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/ppjava2009/archive/2010/02/24/5323312.aspx