//创建一个显示html内容的模态对话框：

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])

//创建一个显示html内容的非模态对话框：

vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])

sURL:(必选参数)字符串..指定要显示的文档的URL

vArguments:任意类型..想要显示的页面传递参数..参数可以使用window.dialogArguments来获取

sFeatures:字符串..指定对话框的样式..里面可以定义一个也可以多个使用分号";"分开
1.   dialogHeight:   对话框高度，不小于100px

2.   dialogWidth:   对话框宽度。

3.   dialogLeft:    离屏幕左的距离。

4.   dialogTop:    离屏幕上的距离。

5.   center:         { yes | no | 1 | 0 } ：             是否居中，默认yes，但仍可以指定高度和宽度。

6.   help:            {yes | no | 1 | 0 }：               是否显示帮助按钮，默认yes。

7.   resizable:      {yes | no | 1 | 0 } [IE5+]：    是否可被改变大小。默认no。

8.   status:         {yes | no | 1 | 0 } [IE5+]：     是否显示状态栏。默认为yes[ Modeless]或no[Modal]。

9.   scroll:           { yes | no | 1 | 0 | on | off }：是否显示滚动条。默认为yes。

父窗口:

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

 <html>

   <head>

       <script type="text/javascript">

           function openWin(){

               window.showModalDialog("a2.jsp",window,"dialogHeight:300px;dialogWidth:380px;status=no;help:yes;");

           }

           function setValue(cid,cname){

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

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

           }

       </script>

   </head>

   <body>

    <form action="test.jsp" name="form1" method="post">

        客户id：<input type="text" name="cid" value="" id="cid"/><br>

        客户名称:<input type="text" name="cname" value="" id="cname">

        <input type="button" name="ok" value="请选择客户" onclick="openWin();">

    </form>

   </body>

 </html>

子窗口:

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

 <html>

   <head>

   <script type="text/javascript">

       function viewData(cid,cname){

           //alert(cid+"  "+cname);

           /*

            *父窗体页面的window对象

            *子窗体页面的window.dialogArguments对象中封装的是父窗体页面的信息

            */

            var sdata=window.dialogArguments;  /*sdata封装的是父窗体页面的信息*/

           //alert(sdata);

           sdata.setValue(cid,cname);;

           window.close();

       }

   </script>

   </head>

   <body>

     <table border="1">

         <tr>

             <td>操作</td>

             <td>客户id</td>

             <td>客户名称</td>

         </tr>

         <tr>

             <td><input type="button" value="选择" id="ss" onclick="viewData('001','深圳华为');"/></td>

             <td>001</td>

             <td>深圳华为</td>

         </tr>

         <tr>

             <td><input type="button" value="选择" id="ss" onclick="viewData('002','用友软件');"/></td>

             <td>002</td>

             <td>用友软件</td>

         </tr>

     </table>

   </body>

 </html>

window.showModalDialog()的简单用法的更多相关文章

  1. window.showModalDialog的基本用法

    window.showModalDialog的基本用法 showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.show ...

  2. window.showModalDialog的简单实践

    Super.jsp - 父窗口 <%@ page language="java" import="java.util.*" pageEncoding=&q ...

  3. window.showModalDialog()之返回值

    window.showModalDialog的基本用法 showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.show ...

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

    .可以通过window.returnValue向打开对话框的窗口返回信息,当然也可以是对象.例如:------------------------------parent.htm<script& ...

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

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

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

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

  7. Ext.Net学习笔记19：Ext.Net FormPanel 简单用法

    Ext.Net学习笔记19:Ext.Net FormPanel 简单用法 FormPanel是一个常用的控件,Ext.Net中的FormPanel控件同样具有非常丰富的功能,在接下来的笔记中我们将一起 ...

  8. WPF之Treeview控件简单用法

    TreeView:表示显示在树结构中分层数据具有项目可展开和折叠的控件 TreeView 的内容是可以包含丰富内容的 TreeViewItem 控件,如 Button 和 Image 控件.TreeV ...

  9. window.open || window.showModalDialog || window.showModelessDialog

    http://dwcmayday201204063551.iteye.com/blog/1621751 http://www.cnblogs.com/zhangyi85/archive/2009/09 ...

随机推荐

  1. inux按照CPU、内存、磁盘IO、网络性能监测

    http://my.oschina.net/chape/blog/159640 系统优化是一项复杂.繁琐.长期的工作,优化前需要监测.采集.测试.评估,优化后也需要测试.采集.评估.监测,而且是一个长 ...

  2. Chapter 16_5 单一方法

    当一个对象只有一个方法时,可以不用创建接口table,但是要将这个单独的方法作为对象来返回.可以参考迭代器那一节,是如何构造一个迭代器函数,那个函数将状态保存为closure. 一个具有状态的迭代器是 ...

  3. c#发送http请求注意

    这里要注意几个点:第一就是编码,如果编码不对,容易中文乱码第二就是ContentType 如果设置不对,有可能连方法都调试不进去(我api用的是MVC的普通controller)第三就是paramDa ...

  4. group by 和count 联合使用问题

    工作中要根据用户发布的产品数量来排序做分页,使用group by uid 用count(uid) 来统计的数量和想要的数量不正确. count统计的数量是被group by 分组以后每一组中数据的数量 ...

  5. iOS Plugins

    iOS Plugins This section provides details for how to implement native plugin code on the iOS platfor ...

  6. SweetTips: 快意灵动的Android提示库!

    此文章是我在简书的文章,自行搬到博客园.简书地址:SweetTips: 快意灵动的Android提示库! 源码及所在DEMO已上传至GitHub:SweetTips,欢迎大家提Bug,喜欢的话记得St ...

  7. lucene 自定义评分

    摘自:http://blog.csdn.net/seven_zhao/article/details/42708953 1.基于FunctionQuery,(1)创建类并继承ValueSource:( ...

  8. Hibernate之环境搭建

    开始之前,我想先理清一个概念,即ORM是什么? ORM介绍 全称:Object/Relation Mapping,即对象/关系映射. ORM也可以理解为一种规范,具体的ORM框架可作为应用程序和数据库 ...

  9. myeclipse2014安装aptana3.4.0插件

    1.下载aptana3.4.0_eclipse的zip包  http://pan.baidu.com/s/1qXOiZl6 2.打开myeclipse2014,选择help→install from ...

  10. 利用commons-io.jar包中FileUtils和IOUtils工具类操作流及文件

    1.String IOUtils.toString(InputStream input),传入输入流对象,返回字符串,有多重重载,可按需要传参 用例: @Test public void showIn ...