//创建一个显示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. jquery点击目标DIV以外关闭效果

    $(function(){ $(".cover").hide(); $("#call").click(function(){ console.log(" ...

  2. python--day4--迭代器、生成器

    列表生成式: 需求:列表[1,2,3,4,5,6,7,8,9]每个值加1,实现的方法: a = [0,1,2,3,4,5,6,7,8,9] b = [] for i in a:b.append(i+1 ...

  3. centos7下安装JDK 1.7

    选则64位的rpm包下载:jdk-7u25-linux-x64.rpmrpm –ivh 'jdk安装包路径' 环境变量配置 # exportJAVA_HOME=<jdk-install-dir& ...

  4. 郑州尚学堂：如何在Java中创建对象

    作为Java开发者,每天都会创建大量的对象,但是,我们总是使用管理依赖系统(如Spring框架)来创建这些对象.其实还有其他方法可以创建对象,在接下来的文章中我会进行详细介绍. 1.使用new关键字 ...

  5. Linux学习 -- 常用命令

    目录处理命令 ls mkdir rmdir pwd cd cp mv rm 文件处理命令 touch cat tac more less head tail 连接命令 ln 软连接 ln -s 类似于 ...

  6. Windows下Discuz搭建论坛过程

    搭建环境:Win7 + XAMPP5.5 + Discuz3.2 GBK 官方论坛下载安装包,解压,把upload文件夹拷贝到网站文档根目录(例如我的为:D:\IT\XAMPP5.5\htdocs\) ...

  7. css3 div垂直居中

    css3: #dd{ height: 300px; background: #0000cc; display: -webkit-box; display: flex; display: -webkit ...

  8. [转]修改python默认的编码方式

    今天碰到了 python 编码问题, 报错信息如下Traceback (most recent call last):  File "ntpath.pyc", line 108, ...

  9. L2-010. 排座位

    L2-010. 排座位 题目链接:https://www.patest.cn/contests/gplt/L2-010 并查集 相关题目:L2-007. 家庭房产,L3-003. 社交集群 下午打的时 ...

  10. z-index研究

    文章来源: http://www.neoease.com/css-z-index-property-and-layering-tree/ 总结: 1.z-index只有在设置position:rela ...