js中window showModalDialog各浏览器居中和传参实例兼以及一些兼容性问题

最新推荐文章于 2023-11-28 09:53:07 发布

上火了怎么办

最新推荐文章于 2023-11-28 09:53:07 发布

阅读量299

点赞数

本文链接：https://blog.csdn.net/qq_44884300/article/details/89512152

版权

本文介绍了JavaScript中使用window.showModalDialog方法实现弹窗居中和传递参数的技巧，包括针对IE和Firefox的不同处理方式。详细展示了如何计算模态窗口的居中位置，并提供了实例代码。同时，文章讨论了showModalDialog在Firefox的兼容性问题，包括对话框可拉伸和显示地址栏，以及如何通过修改配置来缓解这一问题。

摘要由CSDN通过智能技术生成

首先给大家分享一个巨牛巨牛的人工智能教程，是我无意中发现的。教程不仅零基础，通俗易懂，而且非常风趣幽默，还时不时有内涵段子，像看小说一样，哈哈～我正在学习中，觉得太牛了，所以分享给大家！点这里可以跳转到教程

浏览器居中以及传参实例

window.showModelDialog可设置center参数为yes，保证其在子窗口在父窗口居中。

但是该参数只对IE浏览器有效，对火狐无效,只有通过计算模态窗口的居中位置。

解决办法

function openShowModalDialog(url,param,whparam,e){

// 传递至子窗口的参数
var paramObj = param || { };

// 模态窗口高度和宽度
var whparamObj = whparam || { width: 500, height: 500 };

// 相对于浏览器的居中位置
var bleft = ($(window).width() - whparamObj.width) / 2;
var btop = ($(window).height() - whparamObj.height) / 2;

// 根据鼠标点击位置算出绝对位置
var tleft = e.screenX - e.clientX;
var ttop =