打开一个新窗口并平铺生成的窗口答案

【问题标题】：Open a new window and tile the resulting windows打开一个新窗口并平铺生成的窗口
【发布时间】：2016-04-14 12:47:30
【问题描述】：

我想使用window.open() 打开一个新标签/窗口。然后我希望现有窗口和新窗口显示在屏幕的任一侧。这样我就可以比较两个相邻的网页。如果您在一个窗口上使用 Windows 键 + 左箭头，而在另一个窗口上使用 Windows 键 + 右箭头，会发生什么情况。

这可以使用 javascript 吗？

【问题讨论】：

标签： javascript window

【解决方案1】：

如果您禁用了弹出窗口阻止程序或将域添加到它的例外中，则以下代码可以工作（否则它将打开一个窗口并阻止第二个窗口）。 p>

它创建一个height=500,width=400 窗口并将其放置在屏幕的left=100,top=100 处。然后，将第二个窗口放置在left=500,top=100（其中 500 是前一个窗口位置 + 前一个窗口宽度）。

HTML

<input type="button" value="click" onclick="popups()">

JAVASCRIPT

function popups() {    
window.open('http://www.example.com/','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');      
window.open('http://www.example.com/','popUpWindow','height=500,width=400,left=500,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');    
}

Codepen DEMO

参考：Quack it tutorials

【讨论】：