Javascript 根据内容宽度和高度调整弹出窗口的大小
我有一个大小不一的html页面。根据条件,我隐藏了一些内容。 如何使用javascript获得主体的宽度和高度,以便根据页面内容量动态调整窗口大小。Javascript 根据内容宽度和高度调整弹出窗口的大小,javascript,html,resize,window,Javascript,Html,Resize,Window,我有一个大小不一的html页面。根据条件,我隐藏了一些内容。 如何使用javascript获得主体的宽度和高度,以便根据页面内容量动态调整窗口大小。 谢谢…好吧,document.body.offsetWidth和document.body.offsetHeight应该可以帮你解决这个问题。请记住,设置窗口大小将与视口大小不同,这取决于您是否具有状态栏等 哦,您正在查找视口大小。下面是如何跨浏览器操作的说明。我会小心调整浏览器窗口的大小,因为它会很快变得烦人(特别是当用户直接打开页面而不是弹出窗
谢谢…好吧,document.body.offsetWidth和document.body.offsetHeight应该可以帮你解决这个问题。请记住,设置窗口大小将与视口大小不同,这取决于您是否具有状态栏等
哦,您正在查找视口大小。下面是如何跨浏览器操作的说明。我会小心调整浏览器窗口的大小,因为它会很快变得烦人(特别是当用户直接打开页面而不是弹出窗口时)。如果用户希望在内容周围留出一点空间,使其更易于阅读,该怎么办?在大多数浏览器中,您还可以关闭某些Javascript效果,如移动和调整窗口大小-默认情况下,它们甚至可以关闭 icabod将内容包装在div中的想法至少在高度上应该是可行的。如果宽度仍然显示当前窗口的整个宽度,则尝试添加
float:left
,它将适合内容的宽度
一个很好的解决方案是使用lightbox脚本来显示内容。我不知道会立即调整为HTML/iframed内容的内容,但值得一看。但这给了我最大化窗口的大小。对我来说是1280。我喜欢获取窗口内容的宽度和高度。它通常在200到300之间变化。使用相同的想法,你能不能将页面包装在一个命名的div或span中,并得到它的大小?@icabod,这会给出相同的结果。@codere247:我误解了你的问题。现在,我添加了一个链接到一个网站,该网站应该为您提供所需的内容。我会非常小心地处理任何不被浏览器检测到的代码片段。这个想法对我来说很有用。。。但我增加了一些宽度和高度的值。所以现在它适用于各种大小的页面。。。函数windowResize(){var width=document.getElementById(“resizeDiv”).offsetWidth;var height=document.getElementById(“resizeDiv”).offsetHeight;alert(height);window.resizeTo(width+20,height+100);}