Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/docker/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据内容宽度和高度调整弹出窗口的大小_Javascript_Html_Resize_Window - Fatal编程技术网

Javascript 根据内容宽度和高度调整弹出窗口的大小

Javascript 根据内容宽度和高度调整弹出窗口的大小,javascript,html,resize,window,Javascript,Html,Resize,Window,我有一个大小不一的html页面。根据条件,我隐藏了一些内容。 如何使用javascript获得主体的宽度和高度,以便根据页面内容量动态调整窗口大小。 谢谢…好吧,document.body.offsetWidth和document.body.offsetHeight应该可以帮你解决这个问题。请记住,设置窗口大小将与视口大小不同,这取决于您是否具有状态栏等 哦,您正在查找视口大小。下面是如何跨浏览器操作的说明。我会小心调整浏览器窗口的大小,因为它会很快变得烦人(特别是当用户直接打开页面而不是弹出窗

我有一个大小不一的html页面。根据条件,我隐藏了一些内容。 如何使用javascript获得主体的宽度和高度,以便根据页面内容量动态调整窗口大小。
谢谢…

好吧,document.body.offsetWidthdocument.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);}