转:javascript 弹出窗口返回值 (open, showModalDialog)

test.php

 

Html代码 复制代码
  1. <form name="form1" method="post" action="">  
  2.     <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>  
  3.     <input type="text" name="text1">  
  4. </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代码 复制代码
  1. <script language="javascript" type="text/javascript">  
  2.     function returnValue()   
  3.     {   
  4.         window.opener.document.all.text1.value=document.getElementById("returnText").value;   
  5.         window.close();   
  6.     }   
  7. </script>  
  8. <p>  
  9.     <input type="button" name="Submit" value="提交" onclick="returnValue();">  
  10.     <input name="returnText" type="text" id="returnText">  
  11. </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="提交" οnclick="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代码 复制代码
  1. <script  language="JavaScript">  
  2.     var a = '';     
  3.     window.open("test3.php");     
  4.     function button1_onclick()   {     
  5.         alert(a);     
  6.     }     
  7. </script>     
  8.   
  9. <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" οnclick="return button1_onclick()" />

 

 

test3.php

 

Html代码 复制代码
  1. <script  language="JavaScript">  
  2.     function   sendTo()     
  3.     {     
  4.         window.opener.a='test';      
  5.         window.close();   
  6.     }     
  7. </script>     
  8.   
  9. <form id="form1" name="form1">     
  10.     <input type="button" id="button1" name="button1" value="返回" onclick="sendTo()" />     
  11. </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="返回" οnclick="sendTo()" />  
</form>   

 

 

实例3:showModalDialog

 

test.php

 

Html代码 复制代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>弹出窗口</title>  
  6. <script  language="JavaScript">  
  7. function pop()   
  8. {   
  9.     var arr = showModalDialog("test5.php", "", "dialogWidth:400; dialogHeight:400; status:0");   
  10.     if (arr != null){   
  11.         alert('您点击了:' + arr);   
  12.     }   
  13. }   
  14. </script>  
  15. </head>  
  16. <body>  
  17.   
  18. <div align="center"><input type="button" value="点我弹出窗口" onclick="pop()" /></div>  
  19.   
  20. </body>  
  21. </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="点我弹出窗口" οnclick="pop()" /></div>

</body>
</html>

 

test5.php

 

Html代码 复制代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>弹出窗口</title>  
  6. <script>  
  7.     function check(s){   
  8.         window.returnValue = s;   
  9.         window.opener=null;   
  10.         window.close();   
  11.     }   
  12. </script>  
  13. </head>  
  14.   
  15. <body>  
  16.     <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">  
  17.       <tr align="center">    
  18.         <td>点击链接:</td>  
  19.         <td><a href="#" onclick="check('Share JavaScript')">Share JavaScript</a></td>  
  20.         <td><a href="#" onclick="check('share.com')">share.com</a></td>  
  21.     </tr>  
  22.     </table>  
  23. </body>  
  24. </html>  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值