javascript - Cannot position windows with window.open() - Stack Overflow

admin管理员组

文章数量:1287489

My objective is to position a new window opened with the window.open() method in the bottom righthand corner of the screen, but setting right=0 and bottom=0 does not work.

Changing width and height makes a difference, but changing top, bottom, right or left still results in the window opening in the top lefthand corner.

Why is this and how would one position the window in the lower right hand corner?

window.open('', '_blank', 'location=yes, height=250,width=550, right=0, bottom=0, scrollbars=yes,status=yes');  

My objective is to position a new window opened with the window.open() method in the bottom righthand corner of the screen, but setting right=0 and bottom=0 does not work.

Changing width and height makes a difference, but changing top, bottom, right or left still results in the window opening in the top lefthand corner.

Why is this and how would one position the window in the lower right hand corner?

window.open('https://google.', '_blank', 'location=yes, height=250,width=550, right=0, bottom=0, scrollbars=yes,status=yes');  

• javascript
• window.open

Share Improve this question Follow edited Sep 8, 2017 at 16:29 iskandarblue asked Sep 8, 2017 at 16:21 iskandarblueiskandarblue 7,5261717 gold badges7070 silver badges146146 bronze badges 2

• Have you been able to test my answer? Did you solve the problem you are having? – Aaron K. Commented Sep 10, 2017 at 1:37
• Not the solution but no spaces allowed in the windowFeatures parameter. – MarcGuay Commented Nov 20, 2020 at 22:46

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

You need to set the top and left to the inner height and width minus the height and width of your new window.

<script>
    function OpenMe(){
    var height = 250;
    var width = 550;
    var top = window.innerHeight-height;
    var left = window.innerWidth-width;
    window.open(
        'https://google.', 
        '_blank', 
        'location=yes,height='+height+',width='+width+',top='+top+',left='+left+',scrollbars=yes,status=yes'
    );
    }
</script>

If opened from a browser window on the main monitor, positioning works just fine. If opened from a browser window on a different monitor then positioning fails. I tested this in Chrome.

本文标签： javascriptCannot position windows with windowopen()Stack Overflow