如何在屏幕上居中弹出窗口？

JavaScript window.open() 方法用于打开一个弹出窗口。此弹出窗口将放置在屏幕中央。

popupWinHeight：弹出窗口在屏幕上的高度。
popupWinWidth：屏幕上弹出窗口的宽度。

示例 1：此示例创建弹出窗口而不将其置于中心。

html



     
 
     
        Non-centered popup window
        on the screen
    

 

    GeeksforGeeks
     
    
        Non-centered popup window
        on the screen

html



     
 
     
        Centered popup window
        on the screen
    

 

    GeeksforGeeks
     
    
        Centered popup window
        on the screen

输出：

单击按钮之前：
点击按钮后：

居中弹出窗口：为了使弹出窗口居中，我们更改 open() 方法的参数值，如下所示：

左边 = (screen.width – popupWinWidth) / 2
顶部 = (screen.height – popupWinHeight) / 4

示例 2：此示例创建弹出窗口并将其置于中心。

html



     
 
     
        Centered popup window
        on the screen
    

 

    GeeksforGeeks
     
    
        Centered popup window
        on the screen

输出：

单击按钮之前：
点击按钮后：