showModalDialog模态窗口总结

最新推荐文章于 2022-04-01 11:07:18 发布
最新推荐文章于 2022-04-01 11:07:18 发布
阅读量108 收藏
点赞数
分类专栏： js 蕃薯耀分享 html 文章标签： showModalDialog模态窗口总结 防止showModalDialog提交表单弹出新窗口 蕃薯耀 蕃薯 关闭showModalDialog
蕃薯耀分享 同时被 3 个专栏收录
205 篇文章 1 订阅
订阅专栏
js
61 篇文章 0 订阅
订阅专栏
html
38 篇文章 0 订阅
订阅专栏

 

 

showModalDialog模态窗口总结

基本介绍：
showModalDialog()         (IE 4+ 支持)
showModelessDialog()      (IE 5+ 支持)
window.showModalDialog()                  方法用来创建一个显示HTML内容的模态对话框。
window.showModelessDialog()             方法用来创建一个显示HTML内容的非模态对话框。

showModalDialog和showModelessDialog的异同

   同：两者弹出的窗体不能刷新

   异：前者是模态窗口，始终获得焦点；后者是非模态窗口，只不过弹出一个页面，还可以操作父窗口。

 

使用方法：
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。



常见技巧：

 

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


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

三、防止表单提交时弹出新窗口（只要复制到你的页面你就行，注意表单名称的修改。）

 //初始化提交FORM的TARGET值。   
window.attachEvent('onload', function(){    
   if(window.name=""){ //判断窗体的name，防止查询或者翻页操作时弹出新窗口   
       document.getElementById("PageNavigator").target = "dialogFrame";   
   }else if(window.name="dialogFrame"){//判断执行查询或翻页操作后，返回当前页面不刷新展现新数据   
       document.getElementById("PageNavigator").target = "";   
   }   
})  

四、清除缓存，防止模式窗口页面不更新的情况：

<meta http-equiv="Expires" content="0">

<meta http-equiv="Cache-Control" content="no-cache">

<meta http-equiv="Pragma" content="no-cache">

 

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2013年10月31日 11:58:09 星期四

 

 

 

 

 

iteye_17476
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码
10-29
总结来说，`javascript showModalDialog`在多层模态窗口的实现中，主要依赖于`window.name`、`window.open`和`returnValue`这三个关键点。通过正确使用这些特性，我们可以创建出交互复杂的多层模态窗口，并实现页面...
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
09-01
`showModalDialog`方法在Web开发中常用于创建一个模态窗口，使得用户必须先关闭该对话框才能与父窗口交互。然而，Chrome浏览器在某些版本中对`showModalDialog`的实现与其它浏览器不同，导致了模态对话框的行为异常...
关于模态窗口,showModelDialog的一些问题
ATCO[这里，只是顺手插曲]
11-15 1333
回发，在模态窗口触发控件事件时，往往会打开新的窗口 为解决这个问题，只需在 中间加入 ,防止事件回发后弹出新的页面即可。 另一个问题是session的问题，要不就是在其打开新窗口时丢失session,要不就是其session一直是以前的值。 这种情况可首先去掉缓存，在page_load事件中加入：Response.Cache.SetNoStore()；以去掉缓存。 然后如果不行可在
关于谷歌不兼容showModalDialog的解决方案
qq_38649702的博客
04-01 5860
遇到的问题 window.showModalDialog()函数仅能应用于IE浏览器，属于IE浏览器的函数，若想应用于其他浏览器，只能使用window.open()进行替代,但是由于两者并非完全一致，可以说open()完全无法胜任替代showModalDialog()工作，最主要的就是showModalDialog()提供了一个子窗口与父窗口的一个传值交互的功能。所以最好的方式就是自己写一个showModalDialog()方法,让浏览器直接调我们自己写的showModalDialog()方法。 解决方案
关于chrome showModalDialog不兼容的解决办法
cjqcsdn的博客
01-27 2141
关于chrome showModalDialog不兼容的解决办法
JS对话框_JS模态对话框showModalDialog用法总结
01-19
父窗口： 代码如下:<html><head><title>无标题页</title>[removed]function opendialog1() { var someValue=window.showModalDialog(“b.html”,””,”dialogWidth=500px;dialogHeight=...
showModalDialog 和 showModelessDialog
10-31
总结来说，`showModalDialog`和`showModelessDialog`提供了弹出窗口的功能，分别适用于需要用户全神贯注的模态对话和允许用户自由切换的非模态对话。在使用过程中，需要注意数据传递、页面缓存控制、窗口关闭和刷新...
window.showModalDialog()返回值的学习心得总结
09-04
- `showModalDialog()`：打开的对话框是模态的，用户必须先关闭对话框才能继续与主窗口交互，类似于 `alert()` 或 `confirm()` 对话框。 - `showModelessDialog()`：打开的对话框是非模态的，用户可以在对话框打开的...
Chrome不支持showModalDialog的解决方案
newusb的专栏
08-18 7257
昨天在使用showModalDialog的时候，遇到如下问题： 如果子窗口被刷新过，那么父窗口就接受不到子窗口的返回值。 为了解决这个问题，哎，我纠结了好久，最后才发现不是代码的问题，而是多浏览器兼容问题，因为我是用Chrome调试的，而Chrome是不支持showModalDialog的，所以父窗口才没有收到子窗口的返回值的，在IE下就没有这个问题了。 后来在网上查了一下，
在VC对话框中实现打印和打印预览
jack 专栏
11-15 5829
 在一般的软件开发中打印和打印预览是经常要用到的功能,对于VC6.0中的文档/视图(Doc/View)框架,可以很方便的使用缺省的打印和打印预览。但是,如果应用程序是基于对话框的就没有办法利用这种便利。而很多情况下,基于对话框的程序也需要打印和打印预览功能。那该怎么办呢?这正是本文将要解决的问题。 1　实现打印在对话框应用程序中不具备MFC的视和框架交互,要想实现打
showModalDialog以及IE7 对话框样式
虫二的专栏~~在路上~~~
02-02 3683
window.showModalDialog(URL,dialogArgments.features) 打开一个新窗口 URL为要开启的网页名字。 dialogArgments为设定好传递给新视窗网页的参数，可以为任意数据类型。 feature 与open()的类似，都是格式方面的设定。调用格式为featureName1:featureValue1:(分号)featureName2:feature
控制非模态弹出框(showModelessDialog)唯一且随父页面关闭
weixin_30376453的博客
12-23 142
网站开发中，常常会遇到需要弹出窗体的情况，一般弹出框有模态和非模态两种，如下： 模态：window.showModalDialog() 非模态：window.showModelessDialog() 另外还有window.open 方法，以及通过div来模拟弹出框效果的形式。 window.open请自行百度，了解不深；div模拟的方式不适用与，弹出框中某些组件与父页面组件不相容的情况，如...
window.showModalDialog刷新父窗口和本窗口的方法及注意
yangpanwww的博客
05-21 308
window.showModalDialog刷新父窗口和本窗口的方法及注意： 一.刷新父窗口的方法：   A.使用window.returnValue给父窗口传值，然后根据值判断是否刷新。       在window.showModalDialog窗口页面中用window.returnValue方式设置返回值；      比如：window.returnValue='refresh';   ...
showModalDialog无法关闭的问题
liuqzan的博客
08-25 178
在利用javascript进行企业的流程系统开发的时候，遇到showModalDialog无法关闭的问题。 Google一下，找开解决办法： 在与中间加入 showModalDialog传参给弹出窗口，可以让弹出窗口控制父窗口节点。 成功解决！ 2008.8.4...
解决js常见的模态窗体显示报错的问题
weixin_30825581的博客
12-22 143
检查注册表如下位置，看看UserAgent定义是否过长。 "HKCU\Software\Microsoft\Windows\CurrentVersion\Internet Settings\5.0\User Agent\Post Platform""HKCU\Software\Microsoft\Windows\CurrentVersion\Internet Settings\User Agen...
showModalDialog
最新发布
11-23
showModalDialog是一个JavaScript函数，用于在当前页面打开一个模态对话框。模态对话框是指在打开的对话框未关闭之前，用户无法与打开该对话框的页面进行交互。showModalDialog函数可以接受三个参数：对话框的URL、对话框的参数、对话框的特性。以下是一个showModalDialog的例子： ```javascript var returnValue = showModalDialog("dialog.html", {name: "John", age: 30}, "dialogWidth: 400px; dialogHeight: 300px;"); ``` 其中，第一个参数是对话框的URL，第二个参数是对话框的参数，第三个参数是对话框的特性。在对话框中，可以使用window.dialogArguments获取传递给对话框的参数，使用window.returnValue设置对话框的返回值。在打开的对话框中，可以使用window.close()关闭对话框。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值