如何打开屏幕右下角的弹出窗口

时间:2015-02-12 14:17:52

标签: javascript window.open

我点击了一个按钮,使用javascript window.open打开弹出窗口。

我的代码如下所示:

<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
window.open('', '', 'height=5,width=5');
}
</script>

现在弹出窗口左上角的弹出窗口。 如何设置弹出窗口,使其在右下角打开,以便用户不知道弹出窗口?

提前致谢

3 个答案:

答案 0 :(得分:4)

如果你的意思是(窗口大小) - (弹出窗口大小),它将是这样的:

<script>
function myFunction() {
    height=5;
    width=5;
    t=window.innerHeight-height
    l=window.innerWidth-width

    window.open('', '', 'height='+height+', width='+width+', left='+l+', top='+t );

}     

其中:   - t = bottom - 弹出高度   - l =右 - 弹出宽度

请注意此示例适用于Chrome / Firefox / ... IE使用不同的sintax来检索窗口大小值

答案 1 :(得分:0)

window.open(url,name,specs,replace)是正确的,但您将高度和宽度作为specs参数传递。尝试用顶部和左侧替换它们。

答案 2 :(得分:0)

    <p>Click the button to open a new window.</p>
    <button onclick="openWindow()">Open</button>
    <script>
        var topsss=screen.height-490;
        var left=screen.width-420;
        function openWindow() {
            window.open("https://www.google.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top="+topsss+",left="+left+",width=420,height=490");
        }
    </script>