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

Question

I have a window which opens when the user clicks a link.

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

When this link is clicked, the page, page.php will be opened. Now I want to resize the window by providing height, width, top and left parameters. I know it is possible by sending them as third parameter of window.open function. But I want to do it in page.php file using jquery/javascript. I tried with the following code:

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

But when the page.php opens, it is not alerting anything also it is not getting resized. What I'm doing wrong? Can anyone please help me to fix this?

Thanks in advance.

Answer 1

On any page, when you bind a resize() event, it will be only get triggered on resizing the window.

You should try something like this:

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