关于模态窗口window.showModalDialog

最新推荐文章于 2025-02-13 09:59:29 发布

花开是心碎了

最新推荐文章于 2025-02-13 09:59:29 发布

阅读量4.8k

点赞数

分类专栏： asp.net javascript 文章标签： window.showModalDial 模态窗口 js模态窗口火狐window.showModalDi

本文链接：https://blog.youkuaiyun.com/itmaxin/article/details/18735817

版权

asp.net 同时被 2 个专栏收录

47 篇文章

订阅专栏

javascript

6 篇文章

订阅专栏

在项目中遇到火狐浏览器不支持window.showModalDialog()方法导致添加附件的模态窗口出现错误。解决方案是通过检测浏览器类型，使用火狐的window.open()方法，并在sFeatures中添加'modal=yes'来模拟模态窗口效果。其他浏览器仍使用window.showModalDialog().同时，文章提及了.NET技术交流群的信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

现在做的项目中后台文章有添加附件的功能，用的是js在当前窗口前弹出一个小的模态窗口，从而添加附件。

今天遇到一个在火狐下弹出模态窗口会有错误，因为模态窗口中要加载的页面在根目录下，在ie 谷歌等浏览器中会识别

"\\a.aspx"这种写法定位到根目录，火狐下不会识别，而会在当前窗口路径后直接查找“\\a.aspx”，所以会有错。

现在找到一种解决办法，在火狐下来代替 window.showModalDialog(sURL [, vArguments] [, sFeatures]) ;

范例:
window.showModalDialog("openwin.html","Arguments","dialogHeight: 200px; dialogWidth: 200px; dialogTop: 10px; dialogLeft: 10px; edge: Raised; center: Yes; help: Yes; resizable: Yes; status: Yes;");

但是.在Firefox中却没有showModalDialog这东西,
而在FireFox中我们只能使用window.open实现这样的功能,
window.open的语法如下 :
oNewWindow = window.open( [sURL] [, sName] [, sFeatures] [, bReplace])

只是,在Firefox下,window.open的参数中,sFeature多了一些功能设定,
而在FireFox下要让开启的窗口跟IE的showModalDialog一样的话,
只要在sFeatures中加个modal=yes就可以了,
范例如下:
window.open('openwin.html','newWin','modal=yes,width=200,height=200,resizable=no,scrollbars=no');

下面是我的修改方案；

先判断浏览器是否是火狐，如果是就用window.open()方法，如果不是还继续用window.showModalDialog()方法

if ($.browser.mozilla) {
    ReturnStr = window.open("/PClass/app/UpLoad/upload.aspx?rnd=" + number + "&upFileStr=" + upFileStr + "&upPathStr=" + upPathStr + "&FileSizeStr=" + FileSizeStr + "&ModuleID=" + ModuleID + "&FileDes=" + FileDes + "", this, "modal=yes,width=400px,height=440px,resizable=no,scrollbars=no,Top=200px, edge=Raised, center= Yes, help= no,scroll= yes, status= no"); 
 } else {

    //火狐下获取该路径 错误 ，不会返回到根目录获取。
    ReturnStr = window.showModalDialog("\\PClass\\app\\UpLoad\\upload.aspx?rnd=" + number + "&upFileStr=" + upFileStr + "&upPathStr=" + upPathStr + "&FileSizeStr=" + FileSizeStr + "&ModuleID=" + ModuleID + "&FileDes=" + FileDes + "", this, "dialogHeight:300px; dialogWidth:440px; dialogTop: 200px; edge: Raised; center: Yes; help: no;scroll: yes; resizable: no; status: no;");
}