javascript - 在屏幕上定位弹出窗口 : how to make them not overlay?

Question

我使用这样的脚本来打开弹出窗口:

<script>
var wins = [];
openWin = function(name, width, height, left, top){
    left=left+1;
    top=top+1;
    var file='./'+name+'.flv?action=read';
    var settings='width='+width+',height='+height+',left='+left+',top='+top+',screenX='+left+',screenY='+top+'';
     wins.push(window.open(file, name, settings));
         
           for (var i = 0; i < wins.length; ++i)
            wins[i].focus();

}
</script>

这只是我用来打开弹出窗口的函数，但我很想摆脱 left, top 参数，使它们更加自动化......让它们能够根据之前打开的窗口数量以及 screen.width 和 screen.height。所以通常我想实现某种弹出窗口网格。

我的主要问题 - 我不知道如何使用 JS 更改水平行，因为知道高度和宽度可能会有所不同。

如何做这样的事情？

Answer 1

读取屏幕高度，确定要放置第一个窗口的位置并将它们存储为变量。每次打开一个新窗口时，存储第一个窗口的 x 和 y 的变量都会增加一个常量，并且它们将以级联方式打开。有很多方法可以做到这一点，具体取决于您希望它如何工作。