如何让弹窗居中window？打开弹出窗口的图像

Question

我正在使用以下代码：

<center>Supporto Live Chat<br>
  <a onclick="window.open('https://google.com/','Live Chat','scrollbars=yes,width=500,height=715');return false;" href="https://google.com"><img class="wp-image-1182 aligncenter" alt="live-butt" src="https://cdn.pixabay.com/photo/2016/06/06/16/39/phone-1439839_960_720.png" width="142" height="75" /></a>
</center>
<hr>

这可以在这里测试：https://htmledit.squarefree.com/

但我遇到的问题是打开的弹窗没有居中。关于如何编辑代码以使弹出窗口居中的任何建议？

谢谢

Answer 1

一个javascript如何帮助你，javascript计算屏幕的中心并将window放在那里。

       <!DOCTYPE html>
<html>
   <body>
      <script>
         function myPopup(myURL, title, myWidth, myHeight) {
            var left = (screen.width - myWidth) / 2;
            var top = (screen.height - myHeight) / 4;
            var myWindow = window.open(myURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=' + myWidth + ', height=' + myHeight + ', top=' + top + ', left=' + left);
         }
      </script>
<center>Supporto Live Chat<br>      
        <a onclick=" myPopup ('https://google.com/','Live Chat', 500, 715);"><img 
        class="wp-image-1182 aligncenter" alt="live-butt" 
        src="https://cdn.pixabay.com/photo/2016/06/06/16/39/phone-1439839_960_720.png" 
        width="142" height="75" /></a>
      </center>
   </body>
</html>

Answer 2

转到此以供参考：https://www.geeksforgeeks.org/how-to-center-a-popup-window-on-screen/#:~:text=This%20example%20creates%20the%20pop%20up%20window%20and%20placing%20it%20into%20center

<center>Supporto Live Chat<br>
  <a onclick="window.open('https://google.com/','Live Chat','scrollbars=yes,width=500,height=715');return false;" href="https://google.com"><img class="wp-image-1182 aligncenter" alt="live-butt" src="https://cdn.pixabay.com/photo/2016/06/06/16/39/phone-1439839_960_720.png" width="142" height="75" /></a>
</center>
<hr>
   <script>
    function createPopupWin(pageURL, pageTitle,
                popupWinWidth, popupWinHeight) {
        var left = (screen.width - popupWinWidth) / 2;
        var top = (screen.height - popupWinHeight) / 4;
          
        var myWindow = window.open(pageURL, pageTitle, 
                'resizable=yes, width=' + popupWinWidth
                + ', height=' + popupWinHeight + ', top='
                + top + ', left=' + left);
    }
</script>

如何让弹窗居中window？打开弹出窗口的图像

How to center the pop up window? Image that open a pop up

javascript

popup