`
fackyou200
  • 浏览: 310799 次
  • 性别: Icon_minigender_1
  • 来自: 山西太原
社区版块
存档分类
最新评论

兼容ie和火狐(firefox)的window.showModalDialog

    博客分类:
  • js
 
阅读更多

一.计算Dialog居中位置。

function CalcShowModalDialogLocation(dialogWidth, dialogHeight) {
    var iWidth = dialogWidth;
    var iHeight = dialogHeight;
    var iTop = (window.screen.availHeight - 20 - iHeight) / 2;
    var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;
    return 'dialogWidth:' + iWidth + 'px;dialogHeight:' + iHeight + 'px;dialogTop: ' + iTop + 'px; dialogLeft: ' + iLeft + 'px;center:yes;scroll:no;status:no;resizable:0;location:no';
}
二.调用Dialog位置方法。

var DialogLocation = CalcShowModalDialogLocation(500, 260);
var result = window.showModalDialog("URL", window, DialogLocation);

分享到:
评论

相关推荐

    google不支持window.showModalDialog问题解决方案

    It was tested in the latest Google Chrome with the *Enable Experimental JavaScript* flag enabled in `chrome://flags/#enable-javascript-harmony` and in the latest Mozilla Firefox with the *dom.dialog_...

    针对window.showmodaldialog弹出窗体无刷新的详细使用

    `window.showModalDialog` 在一些现代浏览器中已被废弃,例如Chrome在某些版本中默认禁用了该功能,而Firefox则建议使用其他方法。因此,在使用时需考虑兼容性问题,特别是对于移动设备和较新的浏览器版本。 8. **...

    Window.ShowModalDialog使用手册

    然而,`Window.showModalDialog()`在现代浏览器中的支持并不一致,特别是在Chrome和Firefox中,出于安全和性能考虑,已经逐渐被弃用。开发者更倾向于使用`window.open()`配合`display: none`的CSS和JavaScript来模拟...

    JS 弹出对话框window.showModalDialog()

    需要注意的是,`window.showModalDialog()` 是IE专有的API,在现代浏览器(如Chrome、Firefox等)中不支持。因此,在开发跨浏览器应用时,推荐使用更广泛的解决方案,如: - **HTML5 `<dialog>` 元素**: 提供了原生...

    window.showModalDialog方法的使用

    总结来说,`window.showModalDialog`虽然提供了一种创建模态对话框的方式,但鉴于其局限性和现代浏览器的不兼容性,开发者应该考虑使用更现代和兼容的解决方案来实现相同的功能。了解并掌握这些替代方法,将有助于...

    window.showModalDialog(javascript)

    在其他浏览器中,如Firefox、Chrome和Safari,可能需要使用其他方法,如`window.open()`,配合CSS和JavaScript来实现类似的效果。 - 模态对话框可能会对用户体验造成影响,因为它会阻塞用户的交互,因此在现代Web...

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

    - **浏览器兼容性问题**:`window.showModalDialog`是IE特有方法,对于其他浏览器如Chrome、Firefox等不支持此方法,因此在实际开发中需要注意兼容性处理。 - **安全性考虑**:使用`window.showModalDialog`时需要...

    showModalDialog open弹出子窗口操作parent、opener父窗口及跨域处理

    3> IE与FireFox对两个弹出窗口在跨域时的解析也有不同:通过window.dialogArguments操作父窗口时,在IE下不需要指定document.domain而在FireFox下则正好相反需要指定才能生效;采用opener方式操作父窗口时都不需要...

    window.showModalDialog()返回值的学习心得总结

    需要注意的是,`showModalDialog()` 和 `showModelessDialog()` 主要是IE浏览器的特性,对于其他浏览器(如Firefox、Chrome)支持并不一致,因此在现代Web开发中,更倾向于使用HTML5的`<dialog>`元素或者第三方库...

    showModalDialog:window.showModalDialog polyfill 使用元素

    它在最新的 Google Chrome 和最新的 Mozilla Firefox 中进行了测试,在about:config中将dom.dialog_element.enabled首选项设置为true 。 在使用showModalDialog函数之前,只需包含以下 HTML 代码: [removed]...

    showModalDialog模态对话框的使用详解以及浏览器兼容

    然而,Firefox、Safari和Chrome则逐渐停止支持,它们的行为更接近`window.open`,可能不会阻止父窗口的交互,且返回值可能无效。Opera同样不支持此方法,可能导致没有对话框弹出或任何反应。 由于这种不一致性,...

    浅谈JavaScript窗体Window.ShowModalDialog使用

    然而,需要注意的是,由于这些方法是IE特有的,它们在其他浏览器(如Firefox、Chrome、Safari、Opera等)中可能不被支持或行为不一致。因此,在现代Web开发中,开发者通常会使用CSS和JavaScript库(如jQuery UI、...

    IE和Firefox中J avaScript兼容

    ### IE和Firefox中JavaScript兼容性解析 在Web开发过程中,浏览器兼容性问题一直是开发者们重点关注的问题之一。不同的浏览器对同一段代码的解析和执行可能会有所不同,尤其是早期版本的Internet Explorer(IE)和...

    ie firefox 兼容问题大全

    - **问题描述**:在IE和部分版本的Firefox中,可以通过`window.location`或`window.location.href`获取当前页面的URL;但在某些旧版本的Firefox中,只能使用`window.location`。 - **解决方案**:建议始终使用`...

    IE和Firefox在css,JavaScript方面的兼容性

    标题与描述均聚焦于“IE和Firefox在css,JavaScript方面的兼容性”,这涉及到网页开发中一个重要的议题:浏览器兼容性。在web开发中,确保代码能在不同浏览器上正常运行是至关重要的,因为用户可能使用各种不同的...

    Ie和firefox的Js区别

    IE支持`showModalDialog`和`showModelessDialog`打开模态和非模态窗口,Firefox不支持。替代方法是使用`window.open(pageURL,name,parameters)`来打开新窗口,如果需要传递参数,可以借助frame或iframe。 2. 总结 -...

    谷歌showModalDialog()方法不兼容出现对话窗口的解决办法

    在网页开发中,`showModalDialog()` 方法是一个用于打开模态对话框的JavaScript函数,它在Internet Explorer和Firefox等浏览器中被广泛支持。然而,谷歌浏览器(Chrome)并不完全兼容这个方法,导致开发者在尝试使用...

Global site tag (gtag.js) - Google Analytics