open与showModaldialog两种方法的父子窗口传值

最新推荐文章于 2021-01-18 16:51:17 发布

sssjjjpppsjp

最新推荐文章于 2021-01-18 16:51:17 发布

阅读量898

点赞数

分类专栏： HTML+CSS JS 文章标签： button generator microsoft javascript input function

本文链接：https://blog.csdn.net/sssjjjpppsjp/article/details/5520310

版权

JS 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

HTML+CSS

6 篇文章 0 订阅

订阅专栏

方法一：用opener方式

a.html
--------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<meta http-equiv="Expires" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">

</HEAD>

<FORM action="" method=POST id=form1 name=form1>
<INPUT type="text" id=text1 name=text1>
<INPUT type="button" value="打开子窗口" name=button1 οnclick="window.open('b.html','popupnav', 'width=300,height=200,resizable=0,scrollbars=auto')">
</FORM>

</HTML>

--------------------------------------------------------------------
----------------------------------b.html----------------------------
<HTML><HEAD>
<SCRIPT>
function button1_onclick() {
window.opener.form1.text1.value = document.getElementById("name").value;
window.close();
}
</SCRIPT>

</HEAD>
<BODY>
<input type="text" name="name" id="name" value="">
<INPUT type=button value="关闭" οnclick="return button1_onclick()">
</BODY></HTML>
--------------------------------------------------------------------

方法二:用showModaldialog模式窗口

returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口(模式窗口就是子窗口，打开后不能操作父窗口,只能等模式窗口关闭时才能操作)时,用于返回窗口的值,下面举个例子:
------------------------------------------------------------------------------
//father.html
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<script language="javascript">
function showmodal(){
var ret = window.showModalDialog("child.html",null,"dialogWidth:350px;dialogHeight:350px;help:no;status:no");
if (ret){alert('子窗口返回真!');
}else{
alert('子窗口返回假!');
}
}
</script>
</HEAD>
<BODY>
<INPUT id=button1 type=button value=Button name=button1 οnclick="showmodal();">
</BODY>
</HTML>
------------------------------------------------------------------------------
//child.html
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<script language="javascript">
function trans(tag){
   if (tag==0){
     window.returnValue=false;
   } else{
     window.returnValue =true;
   }
   window.close();
}
</script>
</HEAD>
<BODY>
<INPUT id=button1 type=button value="返回真" name=button1 οnclick="trans(1)">
<INPUT id=button2 type=button value="返回假" name=button2 οnclick="trans(0)">
</BODY>
</HTML>
-----------------------------------------------------------------------------
这样一来可以实现从模式窗口向父窗口传递值的作用,
这个returnValue除了可以是布尔值,整型值等以外还可以是个js数组，用来传递大量数据。

showModalDialog，是模态窗口，始终获得焦点，但弹出的窗体不能刷新，此弹出的窗口里操作button,要想不弹出新窗口，需在

弹出的窗口中在<head>和</head>之间加<base target="_self">。

sssjjjpppsjp

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
open与showModaldialog两种方法的父子窗口传值

方法一：用opener方式a.html -------------------------------------------------------------------- New Document -------------------------------------------------------------------- ---------
复制链接

扫一扫

专栏目录