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;?>
    });
 }

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

1 个答案: