<s id="mvh2b"><strike id="mvh2b"><u id="mvh2b"></u></strike></s>
    1. <rp id="mvh2b"></rp>

      当前位置:首页 > win7教程

      JS中window.showModalDialog()详解

      时间:2021-08-08 02:54:15来源:金橙教程网 作者:admin11 阅读:83次 [手机版]
       

      window.showmodaldialog

      window.showModalDialog()方法用来创建一个显示html内容的模态对话框。

      window.showModeleSSDialog()方法用来创建一个显示HTML内容的非模态对话框。

      使用方法:

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

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

      参数说明:

      sURL--必选参数,类型:字符串。用来指定对话框要显示的文档的URL。

      vArguments--可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。

      sFeatures-- 可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。

      1.dialogHeight :对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5以上是px,为方便其见,在定义modal方式的对话框时,用px做单位。

      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。

      下面几个属性是用在HTA中的,在一般的网页中一般不使用。

      10.dialogHide:{ yes | no | 1 | 0 | on | off }:在打印或者打印预览时对话框是否隐藏。默认为no。

      11.edge:{ sunken | raised }:指明对话框的边框样式。默认为raised。

      12.unadorned:{ yes | no | 1 | 0 | on | off }:默认为no。

      参数传递:

      1.要想对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象,例如:

      -------------------------------

      parent.htm

      <script>

      var obj = new Object();

      obj.name="i5tt";

      window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");

      </script>

      modal.htm

      <script>

      var obj = window.dialogArguments

      alert("您传递的参数为:" + obj.name)

      </script>

      -------------------------------

      2.可以通过window.returnValue向打开对话框的窗口返回信息,当然也可以是对象。例如:

      ------------------------------

      parent.htm

      <script>

      str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");

      alert(str);

      </script>

      modal.htm

      <script>

      window.returnValue="http://www.i5tt.com/";

      </script>

      将参数传递与返回结果结合在一起的实例

      ParentPage.aspx

      <html xmlns="http://www.w3.org/1999/xhtml">

      <head runat="Server">

      ??? <title></title>

      ??? <script language="javascript" type="text/javascript">

      ?? function openwindow() {

      ??????????? var obj = new Object();

      ??????????? obj.value = "3";

      ??????????? obj.name = "4";

      ??????????? obj.sew = "5";

      ??????????? str =window.showModalDialog("ChildPage.aspx",obj,"dialogWidth=200px;dialogHeight=100px");

      ??????????? alert(str);

      ?? }

      ?? function openModelessDialog() {

      ??????????? var obj = new Object();

      ??????????? obj.value = "3";

      ??????????? obj.name = "4";

      ??????????? obj.sew = "5";

      ??????????? str = window.showModelessDialog("ChildPage.aspx", obj, "dialogWidth=200px;dialogHeight=100px");

      ??????????? alert(str);

      ?? }

      ??? </script>

      </head>

      <body>

      ??? <form id="form1" runat="server">

      ??? <p>

      ??? <input type="button" id="btnOpen" value="打开模态窗口" οnclick="openwindow();" />

      ??? <input type="button" id="Button1" value="打开非模态窗口" οnclick="openModelessDialog();" />

      ??? </p>

      ??? </form>

      </body>

      </html>

      ChildPage.aspx

      <html xmlns=" http://www.w3.org/1999/xhtml"> <head runat="server">

      ??? <title></title>

      ??? <script language="javascript" type="text/javascript">

      ??????? function getArguments() {

      ??????????? var obj = window.dialogArguments

      ??????????? alert("您传递的参数为:" + obj.value)

      ??????? }

      ?? function windowclose() {

      ??????????? window.returnValue = "childPage.Close";

      ??????? }

      ??? </script>

      </head>

      <body οnunlοad="windowclose();">

      ??? <form id="form1" runat="server">

      ??? <p>

      ??? <input type="button" id="btnOpen" value="打开窗口" οnclick="getArguments();" />

      ??? <input type="button" id="btnClose" value="关闭窗口" οnclick='self.close(); ' />

      ?? </p>

      ??? </form>

      </body>

      </html>

      相关阅读

      如何设置u盘为第一启动项 怎么设置电脑从u盘启动附BIO

      想要用u盘装系统,设置U盘启动是第一步,也是不可缺少的一步。教程中一特定型号的电脑为例子进行演示,由于各种型号的电脑Bios的设置各

      js压缩方法

      1、uglifyjs? 首先要安装nodeJs 新建一个index.js function log(text){ console.log(text) } log(&#34;Hello~&#34;) 命令

      中国历史朝代歌:夏商与西周,东周分两段

      夏商与西周&#xff0c;东周分两段。 春秋和战国&#xff0c;

      SQL中的escape的用法

      1.使用 ? ESCAPE ? 关键字定义转义符。在模式中&#xff0c;当转义符置于通配符之前时&#xff0c;该通配符就解释为普通字符。例如&#xf

      C中按任意键继续的方式和理解

      正确实现“按任意键继续”功能 在大家写程序的时候&#xff0c;经常会遇到“按任意键继续”这样的功能。网上能找到的方法主要有两

      分享到:

      相关操作系统

      系统相关知识

      电脑相关知识

      推荐文章

      热门文章

      东北老女人嫖老头视频_无遮挡H肉动漫视频在线观看_欧美牲交a欧美牲交aⅴ另类_狼人乱码无限2021芒果