Question

我正在使用window.open打开新的弹出式页面，我希望将新页面的大小设为与特定div相同的大小，并且我希望我的页面能够专注于此div。< / p>

例如我有这个结构，

<html>
<head></head>
<body>
    <div id="main"> 
        <div id="top"></div>  
        <div id="bottom"></div>
    </div>
</body>
</html>

当我打开新的弹出式页面时，我想要新窗口只显示div <{1}}

我可以这样计算div的大小并将页面滚动到id=top我想，我想问一下是否有更简单的方法。

感谢您的时间

Answer 1

var divHeight = $("#top").height();
var divWidth = $("#top").width();

var w=window.open('','', 'width=0,height=0');
w.resizeTo(divWidth, divHeight);
w.focus();

以下是演示：http://jsfiddle.net/deepakpmishra/KaAas/3/

调整结果窗口大小并更改弹出窗口大小。

修改

您可以调整div的大小以适应窗口，但不能以其他方式执行此操作。

需要在弹出窗口内创建的div，其维度应该是预定义的。这样弹出窗口大小和div大小可以是相同的大小。在弹出窗口中设置top div适合屏幕。

#top { width: 100%; height: 100%; }

在创建弹出窗口时指定合适的大小。让我们说，

var w=window.open('','', 'width=100,height=200');

你必须在弹出窗口中使用$("#top").focus来专注于div。弹出窗口包含您在问题中提供的html代码的地址。

将弹出页面的大小设置为所选div的大小

1 个答案: