`
ajax_ssh
  • 浏览: 5695 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

关于window.open传值以及打开页面的一些问题

阅读更多
自己学习日志:
status-level.jsp页面
<input type="text" name="imagePath" id="imagePath" size="30" value="" />
<input type="button" name="" value='选择图片'
onclick="loadWin(this.form.imagePath);return false;">


<script type="text/javascript">
<!--
    function loadWin(el) {
        var win = window.open("statuslevels-iconpicker.jsp?element="+el.name+"&form=statusform","","menubar=no,location=no,personalbar=no,resizable=no,scrollbars=yes,width=450,height=500");
    }
    </script>
-->
statuslevels-iconpicker.jsp页面
<%@ page  extends="fusionj.runtime.FusionJ"
  import="java.io.File,
                  java.util.regex.Pattern,
                  java.util.regex.Matcher
     "
         contentType="text/html;charset=GBK"
         errorPage="error.jsp" %>



<html>
  <head>
    <html:base />
    <title>insert</title>
  </head>
 
  <body>
 
 
  <style>
  .over{
  border:1px solid #9CF;
}
  .out{
  border:1px solid #FFF;
}
 
  </style>
  <script>
  function divStyle(bool,id){
  if(bool)
  document.getElementById("div"+id).className="over";
  else
    document.getElementById("div"+id).className="out";
  }
  </script>
  <table> <tr align="center"><td colspan="7" >请选择图片<span style="font-size:12px; color:#900" >单击选择</span></td><tr>
  <%
File paths=new File("../webapps/hotkm/home/images/status");
String[] list=paths.list();
   //row:控制是否显示<tr>的参数及构造div:id
   int row=1;
   File path=null;
   for(int i=0;i<list.length;i++){
       path=new File(paths.toString()+"/"+list[i]);
   //过滤掉文件大小为0的文件
   if(path.length()!=0){
   //过滤出所有以.gif结尾的文件并将其显示到页面
    Pattern pattern = Pattern.compile(".gif");
        Matcher matcher = pattern.matcher(list[i]);
   if(matcher.find()){
    if(row%7==1){%><tr><%}%>
    <td align="center">
<div id="div<%=row%>" class="out" >   
     <div onMouseOver="divStyle(true,<%=row%>)" onMouseOut="divStyle(false,<%=row%>)"
     onClick="selectImg('<%=list[i]%>')" align="justify" style="width:50px;
     height:35px !important; height:55px;
     position:static; padding-top:25px !important; padding-top:15px;border:1px solid #BFD3DC;text-align:center">
     <img  align="middle" src="../home/images/status/<%=list[i]%>"/>
</div>
     </div>
     </td>
    <%if(row%7==0){%></tr><%}%>
    <% row++; }}

}
     %>
  </table>
  <script>
  function selectImg(imgName){
  //给父级form中的页面元素element赋值
  window.opener.document.<%=get("form")%>.<%=get("element")%>.value=imgName;
  //关闭子窗体
  setTimeout("window.close()",0);
  }
 
  </script>
  
  </body>
</html>
  • 大小: 77.4 KB
  • 大小: 3.5 KB
分享到:
评论

相关推荐

    window.open父子窗口传值问题

    当我们谈论“window.open父子窗口传值问题”,我们指的是在父窗口通过`window.open`创建了一个子窗口,并需要在两者之间进行数据通信的情况。 首先,让我们了解一下`window.open`的基本语法: ```javascript var ...

    window.showModalDialog以及window.open用法简介

    在网页开发中,有时我们需要打开新的窗口或者弹出对话框来...而`window.open`更适合于打开新页面,用户可以在新窗口和原窗口之间自由切换。在处理父子窗口间的通信时,两者都可以利用`window.opener`属性实现数据交换。

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    2. 在父页面中,通过`$.dialog`或`$.window`方法打开子页面,可以设置一些参数,如宽度、高度、内容URL等。 例如: ```javascript $.window({ title: '子页面', width: 500, height: 400, href: 'subPage.html'...

    layer弹窗:top.layer弹窗到父页面跨域解决办法

    标题和描述所提及的是一个关于如何解决layer弹窗在跨域环境下的问题,主要涉及到iframe、跨域以及layer的使用技巧。下面我们将详细探讨这个问题及其解决方案。 首先,我们了解下**iframe**。iframe(Inline Frame)...

    javascript 两个页面之间传值

    `window.open()`是JavaScript中的一个内置函数,用于打开新的浏览器窗口或者标签页,并可以指定新窗口的URL、尺寸以及窗口特性。 首先,我们来了解`window.open()`的基本语法: ```javascript window.open(url, ...

    JS父页面与子页面相互传值方法

    当子页面是通过`window.open()`函数打开时,我们可以使用`window.opener`属性来访问父页面的DOM元素。以下是一个简单的例子: 1. 父页面代码: ```html &lt;!DOCTYPE html&gt; 父页面 function openChildPage() { ...

    子窗口传值到父窗口.rar

    - 父窗口中,打开子窗口时保存一个引用,如`var childWindow = window.open(...)` - 然后在适当的时候,通过`childWindow`访问子窗口的变量或方法。 2. **使用window.postMessage API**: - HTML5引入了`window....

    Asp.net中doPostBack介绍和弹出窗体与父窗体之间的传值

    在ASP.NET中,弹出窗体可以使用`window.open`JavaScript函数实现,而传值则可以通过以下几种方式: 1. **URL参数**:在打开弹出窗口时,可以在URL中添加查询字符串来传递数据。弹出窗口加载后,可以通过JavaScript...

    javascript 父窗口、子窗口传值问题

    例如,一个网页中的超链接可以使用`window.open()`方法打开一个新的窗口,新窗口就是子窗口,而原来的窗口则是父窗口。 ### 父窗口向子窗口传值 1. **通过`window.open()`方法传参**:在创建子窗口时,可以通过URL...

    js 页面 弹窗 传值 接值

    另外,也可以在打开新窗口或标签时使用`window.open()`方法传递数据,并在新页面中获取。 总结,JavaScript的弹窗功能主要提供信息展示和简单用户交互。对于更复杂的页面间数据传递,我们需要借助其他技术,如URL...

    在JS中。页面间传值

    总的来说,JavaScript页面间传值是一个涵盖多个技术领域的主题,需要理解浏览器的工作原理、同源策略以及相关的API。通过以上介绍的这些方法,你应该能实现A页面打开B页面并返回值到A页面显示的功能。在实际开发中,...

    页面间传值

    在这个场景下,我们需要将数据从一个页面传递到另一个页面,以便在新打开的窗口中展示或处理这些数据。以下是对这个主题的详细解释,以及如何利用HTML、CSS、jQuery和JavaScript实现这一功能。 1. URL参数传递: ...

    ajax\HTML 页面与页面之间传值

    6. **使用Web Storage事件监听**:当一个页面修改了SessionStorage或LocalStorage时,其他已打开的同源页面会触发'storage'事件,可以借此实现页面间的实时通信。 总结,HTML页面间传递数据有多种途径,包括URL参数...

    javascript页面之间传值

    总结来说,JavaScript中页面间传值主要有`window.open()`和`window.postMessage()`两种方式。前者适用于简单的值传递,而后者则提供了更安全、灵活的跨窗口通信解决方案。在实际开发中,应根据项目需求和安全性考虑...

    layUI使用layer.open,在content打开数据表格,获取值并返回的方法

    在本文中,我们将深入探讨如何使用layUI框架的layer.open方法在content中打开一个数据表格,并获取选定值以便进行后续处理。layUI是一款基于 layui 的前端 UI 框架,它提供了丰富的组件和便捷的API,包括弹层、表单...

    弹出窗口互相传值范例

    例如,`window.open("cwin.aspx?value=123")`,然后在`cwin.aspx`中解析查询字符串获取值。 2. **Session存储**:可以将值存储在服务器端的Session对象中,两个窗口共享同一个Session,通过Session ID来访问。例如...

    Javascript传值

    例如,当父页面调用`window.open`或`window.showModalDialog`函数打开子页面时,可以通过URL拼接参数来传递数据。但是,这种方式存在一些局限性: 1. **资源浪费**:如果参数不需要变化,每次跳转都会将这些参数发送...

    javascript父子页面传参

    - **`window.open()`函数**:在父页面中,可以使用`window.open(url, name, features, replace)`,其中`url`可以包含传递的参数,而子页面可以通过上述方式解析。 2. **子页面到父页面传参**: - **`window....

    窗口关闭弹出小窗口传值

    var newWindow = window.open('', '_blank'); newWindow.location.href = 'http://example.com/?param1=value1&param2=value2'; ``` 在这里,`http://example.com/?param1=value1&param2=value2`是你要跳转的URL,`...

Global site tag (gtag.js) - Google Analytics