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

最新推荐文章于 2022-06-21 10:51:56 发布

IT民工007

最新推荐文章于 2022-06-21 10:51:56 发布

阅读量788

点赞数

分类专栏： HTML 文章标签： javascript function html input server 工具

本文链接：https://blog.csdn.net/niu5460/article/details/5956701

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一般开发网站经常要用到弹出子页面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>