在屏幕上放置一个窗口

Question

有没有办法将使用jQuery打开的窗口定位到屏幕的右上角？

这是我现在的代码:

$(document).ready(function() {
    $("#dirs a").click(function() {
        // opens in new window
        window.open(this.href, "customWindow", "width=960, height=1040");
        return false;
    });
});

我希望它在屏幕的右上角打开,类似于在Vista或更高版本中使用Windows Aero快照"快照"时的显示效果.有没有办法让这种情况发生？

顺便说一下,这是一个只有我会使用的简单页面,我只会在1920x1080显示器的Chrome中使用它,所以它不需要任何花哨的东西来调整不同的浏览器或屏幕尺寸.

Answer 1

如果他想要它在右上方他不需要这个吗？

window.open(this.href, "customWindow", "width=960, height=1040, top=0, left=960");

Answer 2

JavaScript window.open接受大量参数.对于您的特定情况,顶部和左侧应该足够了.

查看工作小提琴示例!

语法

window.open([URL], [Window Name], [Feature List], [Replace]);

功能列表

适合您需求的工作示例

<script type="text/javascript">
<!--
function popup(url) 
{
 var width  = 960;
 var height = 1040;
 var left   = screen.width - 960;
 var top    = 0;
 var params = 'width='+width+', height='+height;
 params += ', top='+top+', left='+left;
 params += ', directories=no';
 params += ', location=no';
 params += ', menubar=no';
 params += ', resizable=no';
 params += ', scrollbars=no';
 params += ', status=no';
 params += ', toolbar=no';
 newwin=window.open(url,'customWindow', params);
 if (window.focus) {newwin.focus()}
 return false;
}
// -->
</script>

<a href="javascript: void(0)" 
   onclick="popup('popup.html')">Top Right popup window</a>

注意: 这将计算屏幕宽度以left正确设置.

考虑到你使用的是一个高度很大的窗户,通常,屏幕比较大的...