我正在使用 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我想，我想问是否有更简单的方法。
感谢您的宝贵时间
最佳答案
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 代码的地址。
关于javascript - 将弹出页面的大小设置为所选 div 的大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19164950/