`
chengyue2007
  • 浏览: 1488644 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

window.showModalDialog模式对话框

IEJavaScript活动浏览器 
阅读更多

基本介绍：
          showModalDialog()         (IE 4+ 支持)
          showModelessDialog()      (IE 5+ 支持)
          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
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="51js";
          window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
          var obj = window.dialogArguments
          alert("您传递的参数为：" + obj.name)
</script>

 

而window.open中传递参数的方式是 在子类窗口中直接获取父类窗口中的参数

例如：

在父窗口中  parent.jsp页面中：

 

 

 

 

 

 

 

 

 

而在子类窗口中

 

 

 

 

-------------------------------
2.可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。例如：
------------------------------
parent.htm
<script>
          str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
          alert(str);
</script>
modal.htm
<script>
          window.returnValue="http://homepage.yesky.com";
</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://homepage.yesky.com";
</script>

常见技巧：

一、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口？
　　在被打开的网页里加上<base target="_self">就可以了。这句话一般是放在<head>之间的。

二、怎样才刷新showModalDialog和showModelessDialog里的内容？
　　在showModalDialog和showModelessDialog里是不能按F5刷新的，又不能弹出菜单。这个只能依靠

javascript了，以下是相关代码：

<body onkeydown="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reload...</a>

　　将filename.htm替换成网页的名字然后将它放到你打开的网页里，按F5就可以刷新了，注意，这个要

配合<base target="_self">使用，不然你按下F5会弹出新窗口的。

三、如何用javascript关掉showModalDialog(或showModelessDialog)打开的窗口。
　　<input type="button" value="关闭" onclick="window.close()">
　　也要配合<base target="_self">，不然会打开一个新的IE窗口，然后再关掉的。

四、Math.random与showModalDialog。

   当你设置的弹出网页固定时（如上面的"modal.htm"页面），ie很可能到临时文件区，下载上次产生的该页面(openPage.html),而没有重新加载，

   对于动态加载的页面来说，这样往往产生误会，如没有及时更新数据，也就更不利于开发者测试。所以，你可以采用如下方式：

      var strPage = “/medal.htm?random="+Math.random();

   这样每次产生的strPage是不一样的，原因也就不言自明了。

 

 

 

ShowModalDialog 打开的 页面上加入个

<span id="mySpan" name="mySpan"  contentEditable="true">
   
   
</span>

 

window.showModalDialog()里面的内容是不可以复制的，可以使用window.open()代替。

var url="showLog.jsp?random="+Math.random()+"&taskid=<%=taskid%>";
   
     window.open(url,"_blank","scrollbars=1,height=500,width=800,status=yes,toolbar=no,menubar=no,location=no","false"); 

分享到：
| mysql常用函数
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    window.showModalDialog模式对话框和 window.open的区别

    总结一下，`window.showModalDialog`更适合需要用户完成特定任务并收集反馈的场合，因为它是阻塞的，用户无法忽略对话框继续操作。而`window.open`则更灵活，常用于打开新的浏览环境，如新标签页或窗口，允许用户...

    解决window.showModalDialog跨域返回值

    在JavaScript中，`window.showModalDialog`是一个古老但仍然有用的函数，用于打开一个模态对话框，用户在对话框中进行交互，直到关闭对话框为止。然而，当涉及到跨域时，`showModalDialog`面临一个问题：它无法正确...

    Window.ShowModalDialog使用手册_对话框 .txt

    `Window.ShowModalDialog` 是一个在 Internet Explorer 浏览器中特有的方法，用于创建模态对话框。此方法允许开发者在一个新的窗口中打开一个HTML页面，并且这个新窗口将阻止用户与原始窗口交互，直到关闭为止。此外...

    关于struts2里用javascript刷新window.showModalDialog的父页面

    通过以上步骤，我们可以在Struts2项目中实现利用`window.showModalDialog`方法弹出模态对话框并在完成特定操作后刷新父页面的功能。需要注意的是，在实际开发过程中还需要考虑浏览器兼容性和安全性等方面的问题，以...

    ShowModalDialog与window.open的区别

    ### ShowModalDialog与window.open的区别 #### 一、概述 在Web开发中，有时需要创建新的浏览器窗口或对话框来实现特定功能，如显示警告、输入数据等交互操作。JavaScript 提供了两种常用的方法来创建这类窗口：`...

    'window.ShowModalDialog'在Chrome中不起作用

    `window.showModalDialog()` 是一个古老的JavaScript方法，用于在当前页面上打开一个模态对话框，该对话框阻止用户与页面其余部分进行交互，直到对话框被关闭。然而，这个功能在现代浏览器，特别是Google Chrome中...

    js的window.showModalDialog及window.open用法实例分析

    总结来说，`window.open`适合创建非阻塞的新窗口，而`window.showModalDialog`和`window.showModelessDialog`则用于创建具有特定交互模式的对话框。选择哪个方法取决于应用的具体需求，比如是否需要用户在完成对话框...

    浅谈JavaScript窗体Window.ShowModalDialog使用

    - `status`：是否显示状态栏，IE5+中默认为yes（模式对话框）或no（非模式对话框）。 - `scroll`：是否显示滚动条，默认为是。 `window.showModelessDialog()`方法则与之相反，创建的是非模态对话框。非模态...

    ShowModalDialog父窗体向子窗体传值

    在JavaScript中，`showModalDialog`是一个用于打开模态对话框的方法，主要应用于IE浏览器，从版本4开始支持。模态对话框意味着用户必须关闭该对话框才能与父窗口进行交互。相反，`showModelessDialog`则创建一个非...

    谷歌浏览器不支持showModalDialog模态对话框的解决方法

    在网页开发中，`showModalDialog` 是一个老式的JavaScript函数，它允许创建一个模态对话框，用户必须与该对话框交互后才能继续与主窗口进行交互。然而，随着浏览器的发展，特别是谷歌浏览器（Chrome）对Web标准的...

    js 模式窗口(模式对话框和非模式对话框)的使用介绍

    模式对话框：showModalDialog 非模式对话框：showModelessDialog vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) vReturnValue = window.showModelessDialog(sURL [, vA

    window.returnValue使用方法示例介绍

    `window.showModalDialog()` 是一个创建模式对话框的方法，它会阻塞用户对主窗口的交互，直到用户关闭弹出的对话框。在模式对话框中设置 `window.returnValue` 的值，然后关闭对话框，这个值会被传递回调用 `...

    JS打开模式对话框

    总的来说，JS打开模式对话框提供了一种在Web应用中与用户交互的方式，通过`showModalDialog()` 和 `showModelessDialog()` 创建对话框，可以定制其外观和行为。然而，由于浏览器兼容性问题，开发者应谨慎使用，并...

    一个使用模式窗口的例子

    `window.showModalDialog()`是一个非常实用的函数，它用于打开一个模式对话框，该对话框阻止用户与主窗口交互，直到对话框关闭为止。其基本语法如下： ```javascript var returnValue = window.showModalDialog...

    js模式化窗口问题![window.dialogArguments]

    - `window.showModalDialog()`是IE4+支持的模态对话框，它会阻塞用户对父窗口的交互直到对话框关闭。 - `window.showModelessDialog()`则是IE5+支持的非模态对话框，允许用户同时与对话框和父窗口进行交互。 2. ...

    sharepoint 2010 弹出模式窗口showModalDialog并返回值returnResult方法.

    在SharePoint 2010开发中，`_spPageContextInfo`对象提供了一种方便的方式来弹出模态对话框，即`showModalDialog`函数。这个功能在处理用户交互、表单填写、确认操作或者展示详细信息时非常实用。本篇文章将详细探讨...

    showModalDialog打开窗体接收返回值

    在描述中提到的"模式打开窗体"，就是指`showModalDialog`创建的对话框具有模态特性，意味着用户必须先关闭该对话框才能继续与父窗口交互，这与非模态对话框（如`window.open`创建的）不同。 返回值`returnValue`是...

    Chrome中模态对话框showModalDialog返回值问题的解决方法

    在Web开发中，`showModalDialog`是一个古老的API，用于在浏览器中打开一个模态对话框，用户必须与该对话框交互才能继续操作主页面。然而，`showModalDialog`在不同浏览器中的实现存在差异，特别是在Chrome中，返回值...

Magicbox
Global site tag (gtag.js) - Google Analytics