调整使用 window.open 创建的窗口大小

Question

我有一个窗口，当用户单击链接时会打开。

echo "<a href=\"javascript:void(0);\" onclick=\"javascript:window.open('https://domain.com/page.php', 'windowName'); \" >Open Window</a>";

当点击这个链接时，页面，page.php将被打开。现在我想通过提供高度、宽度、顶部和左侧参数来调整窗口大小。我知道可以将它们作为window.open 函数的第三个参数发送。但我想使用 jquery/javascript 在 page.php 文件中执行此操作。我尝试使用以下代码：

$( document ).ready(function() {
    $(window).resize(function() {
     alert("here");
      $(window).css({
        top: <?php echo $top;?>,
        left: <?php echo $bottom;?>
      });
    });
});

但是当 page.php 打开时，它不会发出任何警报，也不会调整大小。我做错了什么？谁能帮我解决这个问题？

提前致谢。

Answer 1

在任何页面上，当您绑定 resize() 事件时，它只会在调整窗口大小时触发。

你应该试试这样的：

 $(document).ready(function () {
    $(window).resize(function () {
       windowResize(); // Triggered when window resized
    });
    windowResize(); // Triggered when page loaded
 });
 function windowResize() {
    alert("here");
    $(window).css({
       top: <?php echo $top;?>,
       left: <?php echo $bottom;?>
    });
 }