window.open()参数传递及获取

向右看齐 2022-02-23 05:18 690阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podXBlbmdxcQ_size_16_color_FFFFFF_t_70][]

1, 最基本的弹出窗口代码  
window.open('page.html');  
  
2, 经过设置后的弹出窗口  
window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no') //该句写成一行代码  
参数解释：  
window.open 弹出新窗口的命令；  
　　'page.html' 弹出窗口的文件名；  
　　'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；  
　　height=100 窗口高度；  
　　width=400 窗口宽度；  
　　top=0 窗口距离屏幕上方的象素值；  
　　left=0 窗口距离屏幕左侧的象素值；  
　　toolbar=no 是否显示工具栏，yes为显示；  
　　menubar，scrollbars 表示菜单栏和滚动栏。  
　　resizable=no 是否允许改变窗口大小，yes为允许；  
　　location=no 是否显示地址栏，yes为允许；  
　　status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

下面是怎么传入参数：

**1、带参数打开新窗口**

**$window.open("/bdfence/bdfence-division/bdfence.html?vehicleId="+ id );**

**2、获取参数**

**var afterUrl = window.location.search.substring(1);(问号以后的字符串)**

**var afterEqual = afterUrl.substring(afterUrl.indexof('=')+1).toUpperCase();(等号以后的字符串，及你所要的参数)**

下面是事例代码：

<td bgcolor="#FFFFFF" align="center">
    						<input type="button" value="删除" onclick="shenqingDel(<s:property value="#shenqing.id"/>)"/>
    					
    					<input type="button" value="回复" onclick="shenqingHuifu(<s:property value="#shenqing.id"/>)"/>
    					</td>

js代码：

这里面是嵌套了一个另一个网页：

huifu.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
        
        <title>回复窗口</title>
        
    	<meta http-equiv="pragma" content="no-cache">
    	<meta http-equiv="cache-control" content="no-cache">
    	<meta http-equiv="expires" content="0">    
    	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    	<meta http-equiv="description" content="This is my page">
    	
    <style type="text/css">
    .text1{width:150px; height:60px}
    </style>
      </head>
      
      <body>  
      <form action="<%=path %>/shenqingHuifu.action" method="post"> 
      <table >
        <tr>
          <td>请输入回复内容<input type="hidden" name="id" value="<%=request.getParameter("id") %>"></td>
          <td>  <input type="text" name="zt" class="text1"></td>
        </tr>
        <tr>
          <th><input type="submit" value="提交"/></th>
        </tr>
      </table>
    </from>
      </body>
    </html>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podXBlbmdxcQ_size_16_color_FFFFFF_t_70]: /images/20220223/1242916067d44ec0a8e62cc03ffd802f.png