1

我正在使用打开新的弹出页面，window.open并且我想让新页面的大小与特定页面的大小相同，div并且我希望我的页面专注于此div。

例如我有这个结构，

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

当我打开我的新弹出页面时，我希望新窗口只div显示id=top

我想我可以计算 div 的大小和滚动页面div，我想问是否有更简单的方法。

谢谢你的时间

4

1 回答 1

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 的大小以适应窗口，但不能以其他方式进行。

需要在popup里面创建的div，它的尺寸应该是预定义的。这样弹出窗口的大小和div的大小可以是一样的大小。在弹出窗口中使topdiv 适合屏幕。

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

并在创建弹出窗口时指定合适的大小。可以说，

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

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

于 2013-10-03T17:05:30.470 回答