使用jquery从主窗口打开的中心弹出窗口

Center popup windows opened from main window using jquery?

本文关键字：窗口 jquery 使用      更新时间：2023-09-26

在Web应用程序中，我在不同的点打开了很多弹出窗口。这些是使用 window.open（） 而不是 Jquery 弹出窗口打开的普通弹出窗口。它们在浏览器窗口的不同位置打开，并且具有不同的高度和宽度。

现在，我想在浏览器上打开时将所有弹出窗口居中。我编写了一个函数，它将返回我顶部和左侧值，以便对传递的高度和宽度进行居中。现在，我需要在每次使用 window.open 打开弹出窗口之前调用此函数一次，获取顶部和左侧值，然后将它们传递给 window.open。我最终可能会在各种 JavaScript 文件中的许多地方执行此操作。

有没有一种通用的方法可以满足我的要求，只需对使用 window.open 打开的所有弹出窗口的居中进行少量更改。Jquery可以帮助我轻松做到这一点吗？

我认为这与你目前拥有的相似，但你可能想看看。似乎不太需要使用jQuery链接

function PopupCenter(pageURL, title,w,h) {
var left = (screen.width/2)-(w/2);
var top = (screen.height/2)-(h/2);
var targetWin = window.open (pageURL, title, 'toolbar=no, location=no, directories=no,     status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
}

只需将您的代码从

var params = getCenteredCoords();
window.open(url, "...", params+"...");

自

myPopup(url, "...", "...");

并声明全局

function myPopup(url, name, params) {
    var coords = getCenteredCoords();
    return window.open(ul, name, coords+params);
}

是的，您将需要在每个文件中的自定义解决方案。所以唯一的方法就是不要重复自己并使用一个全局函数。

好的，有一种方法可以不更改所有文件中的所有内容：使用自定义解决方案覆盖window.open：

window.open = (function(original){
    return function myPopup(url, name, params) {
        var coords = getCenteredCoords();
        return original(ul, name, coords+params);
    };
})(window.open);
相关文章：