转：javascript 弹出窗口返回值 (open, showModalDialog)
test.php
Html代码
- <form name="form1" method="post" action="">
- <a href="javascript:void(null)" class="add" onClick="open('demo.php','','resizable=1,scrollbars=1,status=no,toolbar=no,menu=no,width=500,height=400,left=150,top=50')">增加</a>
- <input type="text" name="text1">
- </form>
<form name="form1" method="post" action="">
<a href="javascript:void(null)" class="add" onClick="open('demo.php','','resizable=1,scrollbars=1,status=no,toolbar=no,menu=no,width=500,height=400,left=150,top=50')">增加</a>
<input type="text" name="text1">
</form>
demo.php
Html代码
- <script language="javascript" type="text/javascript">
- function returnValue()
- {
- window.opener.document.all.text1.value=document.getElementById("returnText").value;
- window.close();
- }
- </script>
- <p>
- <input type="button" name="Submit" value="提交" onclick="returnValue();">
- <input name="returnText" type="text" id="returnText">
- </p>
<script language="javascript" type="text/javascript">
function returnValue()
{
window.opener.document.all.text1.value=document.getElementById("returnText").value;
window.close();
}
</script>
<p>
<input type="button" name="Submit" value="提交" onclick="returnValue();">
<input name="returnText" type="text" id="returnText">
</p>
补充：window.opener 的用法
window.opener 的用法在一般的用法中，只是用来解决关闭窗口时不提示弹出窗口， 而对它更深层的了解一般比较少。其 实 window.opener是指调用window.open方法的窗口。在工作中主要是用来解决部分提交的。这种跨页操作对工作是非常有帮助的。
如果你在主窗口打开了一个页面，并且希望主窗口刷新就用这个，打开页面的window.opener就相当于主窗口的window。
主窗口的刷新你可以用 window.opener.location.reload()；
如果你要提交主窗口: 你可以改成这样 window.opener.yourformname.submit()
实例2：open
test.php
Html代码
- <script language="JavaScript">
- var a = '';
- window.open("test3.php");
- function button1_onclick() {
- alert(a);
- }
- </script>
- <input type="button" id="button1" name="button1" value="Button" onclick="return button1_onclick()" />
<script language="JavaScript">
var a = '';
window.open("test3.php");
function button1_onclick() {
alert(a);
}
</script>
<input type="button" id="button1" name="button1" value="Button" onclick="return button1_onclick()" />
test3.php
Html代码
- <script language="JavaScript">
- function sendTo()
- {
- window.opener.a='test';
- window.close();
- }
- </script>
- <form id="form1" name="form1">
- <input type="button" id="button1" name="button1" value="返回" onclick="sendTo()" />
- </form>
<script language="JavaScript">
function sendTo()
{
window.opener.a='test';
window.close();
}
</script>
<form id="form1" name="form1">
<input type="button" id="button1" name="button1" value="返回" onclick="sendTo()" />
</form>
实例3：showModalDialog
test.php
Html代码
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>弹出窗口</title>
- <script language="JavaScript">
- function pop()
- {
- var arr = showModalDialog("test5.php", "", "dialogWidth:400; dialogHeight:400; status:0");
- if (arr != null){
- alert('您点击了：' + arr);
- }
- }
- </script>
- </head>
- <body>
- <div align="center"><input type="button" value="点我弹出窗口" onclick="pop()" /></div>
- </body>
- </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>弹出窗口</title>
<script language="JavaScript">
function pop()
{
var arr = showModalDialog("test5.php", "", "dialogWidth:400; dialogHeight:400; status:0");
if (arr != null){
alert('您点击了：' + arr);
}
}
</script>
</head>
<body>
<div align="center"><input type="button" value="点我弹出窗口" onclick="pop()" /></div>
</body>
</html>
test5.php
Html代码
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>弹出窗口</title>
- <script>
- function check(s){
- window.returnValue = s;
- window.opener=null;
- window.close();
- }
- </script>
- </head>
- <body>
- <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
- <tr align="center">
- <td>点击链接：</td>
- <td><a href="#" onclick="check('Share JavaScript')">Share JavaScript</a></td>
- <td><a href="#" onclick="check('share.com')">share.com</a></td>
- </tr>
- </table>
- </body>
- </html>