Super.jsp - 父窗口

 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 <html>

       <head>

           <%

         String path = request.getContextPath();

         String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

         %>

         <base href="<%=basePath %>Super.jsp">

         <title>Super.jsp</title>

       </head>

     <script type="text/javascript">

         function showLanguage()

         {

             var currObj =  new Object();

             var langObj = document.getElementById("language_id");

             currObj.language = langObj.value;

             var subReturn = window.showModalDialog("Sub.jsp",currObj,"dialogWidth:300px;dialogHeight:300px;");

             //防止返回的值为空字符串场景

             if((null == subReturn) || (typeof subReturn == "undefined"))

             {

                 return;

             }

             langObj.value = subReturn;

         }

         function reset()

         {

             document.getElementById("language_id").value = "";

         }

         function setLang(sub_lang)

         {

             document.getElementById("language_id").value = sub_lang;

         }

     </script>

     <body>

         <div align="center" style="font-size: 18px;">

             当前语言：

             <input type="text" name="select_lang" id="language_id" readonly="readonly">

             &nbsp;&nbsp;

             <input type="button" name="selectLanguage" value="语 言" onclick="showLanguage()">

             <input type="button" name="resetLanguage" value="重 置" onclick="reset()">

         </div>

     </body>

 </html>

Sub.jsp - 子窗口

 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 <html>

       <head>

           <%

         String path = request.getContextPath();

         String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

         %>

         <base href="<%=basePath %>Sub.jsp" target="_self">

         <title>Sub.jsp</title>

       </head>

     <script type="text/javascript">

         function selectLanguage()

         {

             var radio_names = document.getElementsByName("radio_name");

             if((null == radio_names) || (typeof radio_names == "undefined"))

             {

                 alert("Pls choose a language !!!");

                 return;

             }

             var seleVal = "";

             for(var i=0; i<radio_names.length; i++)

             {

                 if(radio_names[i].checked == true)

                 {

                     seleVal = radio_names[i].value;

                     break;

                 }

             }

             window.returnValue = seleVal;

             window.close();

         } 

         function selectLanguage2()

         {

             var radio_names = document.getElementsByName("radio_name");

             if((null == radio_names) || (typeof radio_names == "undefined"))

             {

                 alert("Pls choose a language !!!");

                 return;

             }

             var seleVal = "";

             for(var i=0; i<radio_names.length; i++)

             {

                 if(radio_names[i].checked == true)

                 {

                     seleVal = radio_names[i].value;

                     break;

                 }

             }

             //获取父窗口对象

             var opener = window.opener;

             //调用父窗口函数

             opener.setLang(seleVal);

             //window.opener.document.getElementById("language_id").value = seleVal;

             window.close();

         }

     </script>

     <body>

         <form id="form1">

             <div>

                 <table style="border: 2px solid #CCCCCC; width: 100%" >

                     <thead>

                         <tr>

                             <th>选择</th><th>语言</th><th>类型</th>

                         </tr>

                     </thead>

                     <tbody>

                         <tr>

                             <td><input type="radio" name="radio_name" value="java"></td>

                             <td><div>Java</div></td>

                             <td><div>必选</div></td>

                         </tr>

                         <tr>

                             <td><input type="radio" name="radio_name" value="js"></td>

                             <td><div>JavaScript</div></td>

                             <td><div>可选</div></td>

                         </tr>

                     </tbody>

                 </table>

                 </br>

                 <input type="button" id="Button1" value="确  认(方式一)" onclick="selectLanguage()" />

                 <input type="button" id="Button1" value="确  认(方式二)" onclick="selectLanguage2()" />

             </div>

         </form>

     </body>

     <script type="text/javascript">

         var parentVals = window.dialogArguments;

         var parentLanguage = parentVals.language;

         var radio_names = document.getElementsByName("radio_name");

         for(var i=0; i<radio_names.length; i++)

         {

             if(radio_names[i].value == parentLanguage)

             {

                 radio_names[i].checked = true;

                 break;

             }

         }

     </script>

 </html>

预览效果

window.showModalDialog的简单实践的更多相关文章

  1. window.showModalDialog()的简单用法

    //创建一个显示html内容的模态对话框: vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) //创建一个 ...

  2. 关于window.showModalDialog的一些配置

    关于window.showModalDialog的一些配置 一.window.showModalDialog的滚动条 其实纵向滚动条很好去掉,难办的就是横向滚动条.在Firefox下如果window. ...

  3. window.showModalDialog 与window.open传递参数的不同？

    简单的说,就是一个在弹出窗口之后可以做其它的事,即window.open 另一个在弹出窗口之后不能做其它的事,只能是关闭了当前的窗口之后才能做其它的事,即window.showModalDialog ...

  4. Thrift简单实践

    0.什么是RPC RPC(Remote Procedure Call - 远程过程调用),是通过网络从远程计算机上请求服务,而不需要了解底层网路技术的细节.简单点说,就是像调用本地服务(方法)一样调用 ...

  5. 让IE8在win7下面能显示使用window.showmodaldialog弹出窗口的地址状态栏

    问题来源:最近又要对老的系统进行改善,由于用到了window.showmodaldialog这个方法弹出窗口,比如从主界面弹出新增或者修改窗口,如下图所示,显示没有地址栏,进行代码修改还要找到相应的文 ...

  6. window.showModalDialog返回值和window.open返回值实例详解

    最近在谷歌浏览器下发现一个问题,就是使用谷歌浏览器已经不兼容window.showModalDialog了,所以还是改成使用window.open(). 一.window.showModalDialo ...

  7. 父窗口window.showModalDialog传值 子窗口window.returnValue返回值

    父窗口打开子窗口页面: var fatherWindow = document.all.dealReason;//想传的值 win = window.showModalDialog(strUrl, f ...

  8. window.open()&&window.showmodaldialog()

    open 打开一个新窗口,并装载URL指定的文档,或装载一个空白文档,如果没提供URL的话. 适用于 窗口 语法 window = object.open([URL[,name[,features[, ...

  9. Java 异步处理简单实践

    Java 异步处理简单实践 http://www.cnblogs.com/fangfan/p/4047932.html 同步与异步 通常同步意味着一个任务的某个处理过程会对多个线程在用串行化处理,而异 ...

随机推荐

  1. 370. Range Addition

    Assume you have an array of length n initialized with all 0's and are given k update operations. Eac ...

  2. Page事件执行顺序

    Page 执行中将按照如下顺序激活事件: Page.PreInit Page.Init Page.InitComplite Page.PreLoad Page.Load Page.LoadComple ...

  3. win8设置保护眼睛的颜色

    win8下打开注册表编辑器(win键+R,即运行,输入regedit),依次双击打开HKEY_CURRENT_USER\Control Panel\Colors\,将Window的键值修改为204 2 ...

  4. label标签

  5. react native 之 react-native-image-picke的详细使用图解

    最近需要在react native项目中集成相机和相册的功能,于是在网上找了一个好用的第三方插件:react-native-image-picke. 该插件可以同时给iOS和Android两个平台下使 ...

  6. nginx日志分析利器GoAccess

    面试的时候一定会被面到的问题是:给出web服务器的访问日志,请写一个脚本来统计访问前10的IP有哪些?访问前10的请求有哪些?当你领略过goaccess之后,你就明白,这些问题,除了考验你的脚本背诵记 ...

  7. （实用篇）浅谈PHP拦截器之__set()与__get()的理解与使用方法

    "一般来说,总是把类的属性定义为private,这更符合现实的逻辑. 但是,对属性的读取和赋值操作是非常频繁的,因此在PHP5中,预定义了两个函数"__get()"和&q ...

  8. javascript获取浏览器窗口大小

    var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var h= ...

  9. Tomcat调试笔记

    调试笔记 在使用Tomcat过程中经常碰到问题,导致tomcat启动失败.如下↓ 由于报错太过笼统,我根本无法找出错误.后来我切换到Console视图下,看到了如下错误信息. 根据报错信息,错误原因是 ...

  10. linux的压缩命令

    gzip: Linux压缩保留源文件的方法: gzip –c filename > filename.gz Linux解压缩保留源文件的方法: gunzip –c filename.gz > ...