弹出页面和父页面之间方法，传值，调用

来源：互联网发布：ct断层影像重建算法编辑：程序博客网时间：2024/04/29 01:54

一般开发网站经常要用到弹出子页面window.open()方法的用法：

1）window.open(url,'','');

window.open(“test1.html","alex","titlebar=no,toolbar=no,menubar=no,location=no,status=no,scrollbars=yes,resizable=

no,height=300,width=600,top=200,left=240");

这里说下三个参数的作用,第一个是要打开的页面的名称，第二个是标题，重点说下第三个参数它可以配置要打开页面的形状样式等

titlebar 标题栏,toolbar 工具栏,menubar 菜单栏,location 地址栏,status 状态栏，scrollbars 滚动条,resizable 是否可拉伸大小,height 高度,width 宽度,top 距离顶端距离,left 距离左端距离

父页面：

<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>无标题页</title> <mce:script type="text/javascript"></mce:script></head><body> <a href="javascript:openPage();" mce_href="javascript:openPage();">window.open弹出子窗体</a><input type="text" id="txt1" runat="server" /></body></html>

子页面：

<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>无标题页</title> <script type="text/javascript"> function sonTest1() { //window.opener就是弹出它的父窗体,通过window.opener.document.getElementById()可以访问父窗体的元素 window.opener.document.getElementById("txt1").value=document.getElementById("txtName").value; //window.opener就是弹出它的父窗体,通过window.opener.test1()可以调用父窗体的方法，test1在父窗体要已经定义 window.opener.test1(document.getElementById("txtName").value); window.close(); } </head><body><a href="javascritp:sonTest1();" mce_href="javascritp:sonTest1();">测试</a> <input type="text" id="txtName" /> </body></html>