window.showModalDialog使用总结

最新推荐文章于 2020-08-05 11:37:39 发布

tegwy

最新推荐文章于 2020-08-05 11:37:39 发布

阅读量5.7k

点赞数 1

分类专栏： JavaScript 文章标签： scroll firefox date ie function url

本文链接：https://blog.csdn.net/tegwy/article/details/5755311

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

关于window.showModalDialog的一些配置，网上一大堆，总结下自己在使用中的一些经验吧！

一、window.showModalDialog的滚动条

其实纵向滚动条很好去掉，难办的就是横向滚动条。在Firefox下如果window.showModalDialog宽度设置恰当是不显示横向滚动条的，但在IE下，既然你设置了scroll:0或者如其他人所说的在目标页面中增加overflow:scroll;overflow-x:hidden样式都是没有效果的。对于一些追求完美的开发人员来说，这的确是个头大的事，其实，有个很简单的方法，能很方便的去除横向滚动条的，只需要在目标页面的body上设置宽度并且只要比window.showModalDialog的宽度要小就不会出现滚动，代码如下：

body { margin:0; padding:0; width:910px; } 嘿嘿，既方便又好使

二、关于在IE下window.showModalDialog中的链接新窗口打开的问题

把如下代码加到目标页面的<head>中即可

三、window.showModalDialog缓存问题

对于IE下的window.showModalDialog的缓存那是相当的强劲，有时既然你把服务重启、浏览器重启啥的都不好使，而且又不方便。有时需要window.showModalDialog里面的内容时常更新，其实有个小技巧，只要加个变化的参数，使其每次请求的url参数不一样，那么就不会有缓存的问题了。代码如下：

function generateExaminationPaper(uuid) { window.showModalDialog("GenerateExaminationPaper.do?uuid=" + uuid + "&t=" + new Date().getTime(), window, "dialogWidth:930px;dialogHeight:700px"); }

最后面的参数 t 是最主要的，因为每次请求时这个new Date().getTime()的值都会不一样，这样请求的URL就会不一样，自然就会避免缓存带来的困扰