`

用window.open()打开子页面传值问题

    博客分类：
  • J2EE
 
阅读更多

1、通过window对象的open()方法，open()方法将会产生一个新的window窗口对象 //IE7里不支持

   其用法为：
            window.open(URL,windowName,parameters);
            URL: 描述要打开的窗口的URL地址，如何为空则不打开任何网页；
            windowName:描述被打开的窗口的民称，可以使用'_top'、'_blank'等内建名称，这里的名称跟<a href="..." target="...">里的target属性是一样的。
            parameters:描述被打开的窗口的参数值，或者说是样貌，其包括窗口的各个属性值，及要传入的参数值。
        例如：
            打开一个 400 x 100 的干净的窗口：             open('','_blank','width=400,height=100,menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes')
        参数说明如下：
            top=# 窗口顶部离开屏幕顶部的像素数
            left=# 窗口左端离开屏幕左端的像素数
            width=# 窗口的宽度
            height=# 窗口的高度
            menubar=... 窗口有没有菜单，取值yes或no
            toolbar=... 窗口有没有工具条，取值yes或no
            location=... 窗口有没有地址栏，取值yes或no
            directories=... 窗口有没有连接区，取值yes或no
            scrollbars=... 窗口有没有滚动条，取值yes或no
            status=... 窗口有没有状态栏，取值yes或no
            resizable=... 窗口给不给调整大小，取值yes或no

 

    说名：在子页面可以通过opener获取和设置通过window.open()打开此页面的父页面的值       

                如下为给父窗体的控件设值：
                     opener.document.myform.district.value = document.myform.district.value;
                     opener.document.myform.street.value = document.myform.street.value;

 

一、father.jsp页面

Html代码  收藏代码
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <html>  
  3.     <head>  
  4.         <title>Insert title here</title>  
  5.         <script type="text/javascript">  
  6.             function openwindow(){  
  7.                 window.open('moShi.jsp','_blank','height=400,width=400,top=100,left=200,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');  
  8.             }  
  9.         </script>  
  10.     </head>  
  11.     <body>  
  12.         <form action="" method="post" name="myform">  
  13.             <table width="533" height="133" border="1" bgcolor="#ffc8c8" align="center" cellpadding="0" cellspacing="0">  
  14.                 <tr>  
  15.                     <th colspan="5">简易购物车</th>  
  16.                 </tr>  
  17.                 <tr align="center">  
  18.                     <td width="92">商品名称</td>  
  19.                     <td width="100">数量(件)</td>  
  20.                     <td width="110">单价(美元)</td>  
  21.                     <td width="101">运费(美元)</td>  
  22.                     <td width="130">合计</td>  
  23.                 </tr>  
  24.                 <tr align="center">  
  25.                     <td>跑跑道具</td>  
  26.                     <td>5</td>  
  27.                     <td>12.5</td>  
  28.                     <td>10</td>  
  29.                     <td>72.5美元</td>  
  30.                 </tr>  
  31.                 <tr align="left">  
  32.                     <td colspan="5">  
  33.                         <a href="javascript:openwindow()">填写你的邮寄地址</a>  
  34.                         区：    <input type="text" size="10" name="district" disabled /> &nbsp;  
  35.                         街道:<input type="text" size="10" name="street" disabled />  
  36.                     </td>  
  37.                 </tr>  
  38.             </table>  
  39.         </form>  
  40.     </body>  
  41. </html>  

 

 二、moShi.jsp页面

 

Html代码  收藏代码
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <html>  
  3.   <head>   
  4.     <script type="text/javascript">  
  5.        function closewindow(){  
  6.             //opener可以获取、设置通过window.open()打开此页面的父页面的值  
  7.             opener.document.myform.district.value = document.myform.district.value;  
  8.             opener.document.myform.street.value = document.myform.street.value;  
  9.             window.close();  
  10.         }  
  11.     </script>  
  12.   </head>  
  13.     
  14.   <body>  
  15.     <form action="" name="myform" method="post">  
  16.         <table width="290" height="206" align="center" border="0"  
  17.             bgcolor="#ffc8c8" cellpadding="0" cellspacing="0">  
  18.             <tr>  
  19.                 <td colspan="2" align="center">  
  20.                     <span class="style1">送货地址确认</span>  
  21.                 </td>  
  22.             </tr>  
  23.             <tr>  
  24.                 <td width="124" align="right" valign="middle">  
  25.                     省份：  
  26.                 </td>  
  27.                 <td width="166">  
  28.                     <select name="province">  
  29.                         <option value="北京市">北京市</option>  
  30.                         <option value="广东省">广东省</option>  
  31.                         <option value="河北省">河北省</option>  
  32.                         <option value="四川省">四川省</option>  
  33.                         <option value="江苏省">江苏省</option>  
  34.                     </select>  
  35.                 </td>  
  36.             </tr>  
  37.             <tr>  
  38.                 <td align="right" valign="middle">城市：</td>  
  39.                 <td>  
  40.                     <select name="city">  
  41.                         <option value="北京市" selected>北京市</option>  
  42.                         <option value="上海市">上海市</option>  
  43.                         <option value="广州市">广州市</option>  
  44.                         <option value="邯郸市">邯郸市</option>  
  45.                         <option value="峨眉山市">峨眉山市</option>  
  46.                     </select>  
  47.                 </td>  
  48.             </tr>  
  49.             <tr>  
  50.                 <td align="right" valign="middle">区：</td>  
  51.                 <td>  
  52.                     <select name="district">  
  53.                         <option value="西城区">西城区</option>  
  54.                         <option value="海淀区">海淀区</option>  
  55.                         <option value="白云区">白云区</option>  
  56.                         <option value="解放区">解放区</option>  
  57.                         <option value="进城区">进城区</option>  
  58.                     </select>  
  59.                 </td>  
  60.             </tr>  
  61.             <tr>  
  62.                 <td align="right" valign="middle">街道：</td>  
  63.                 <td><input name="street" type="text" size="20"></td>  
  64.             </tr>  
  65.             <tr>  
  66.                 <td align="right" valign="middle">门牌号：</td>  
  67.                 <td><input name="number" type="text" size="20"></td>  
  68.             </tr>  
  69.             <tr>  
  70.                 <td colspan="2" align="center">  
  71.                     <input name="btn" type="button" value="确认" onclick="closewindow()">  
  72.                 </td>  
  73.             </tr>  
  74.         </table>  
  75.     </form>  
  76.   </body>  
  77. </html>  
分享到：
| jspSmartUpload使用文档
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics