不最大化浏览器窗口，如何获取浏览器最大化后的文档区域高度和宽度？

时间：2022-10-01 09:39:30
比如ie,不最大化ie窗口，如果通过js,得到ie最大化后文档可用区域（就是ie窗口去掉菜单栏、工具栏、状态栏等区域后剩下的区域）的高度和宽度？

11 个解决方案

#1

这个好像不可以

#2

我现在是思路是，window.screen.availHeight-(浏览器窗口高度-$("body").height()),
但是，我没办法获取“浏览器窗口高度”

#3

急啊！这个问题对于网页自适应屏幕大小很重要！

#4



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

 </HEAD>


 <BODY>

<script language="javascript">

document.write("网页可见区域宽："+document.body.clientWidth+"<br>") 

document.write("网页可见区域高："+document.body.clientHeight +"<br>") 

document.write("网页可见区域宽 (包括边线的宽) ："+document.body.offsetWidth+"<br>") 

document.write("网页可见区域高 (包括边线的宽) ："+document.body.offsetHeight+"<br>") 

document.write("网页正文全文宽："+document.body.scrollWidth +"<br>") 

document.write("网页正文全文高："+document.body.scrollHeight +"<br>") 

document.write("网页被卷去的高："+document.body.scrollTop +"<br>") 

document.write("网页被卷去的左："+document.body.scrollLeft +"<br>") 

document.write("网页正文部分上："+window.screenTop+"<br>")  

document.write("网页正文部分左："+window.screenLeft +"<br>") 

document.write("屏幕分辨率的高："+window.screen.height +"<br>") 

document.write("屏幕分辨率的宽："+window.screen.width +"<br>") 

document.write("屏幕可用工作区高度："+window.screen.availHeight +"<br>") 

document.write("屏幕可用工作区宽度："+window.screen.availWidth+"<br>") 

</script>

 </BODY>

</HTML>

#5

如果是布局问题，可以考虑 onresize 事件来获取页面高度

#6

引用 4 楼 mabao669 的回复:
HTML code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTE……

我要的是没有最大化ie窗口，就要获得ie窗口内网页显示区的大小。

#7

要不 添加个 div 长宽都 100% absolute 再获取它的 高度和宽度 试试

#8

引用 7 楼 g_second 的回复:
要不 添加个 div 长宽都 100% absolute 再获取它的 高度和宽度 试试

我现在就是这样，但是只能等待当前（不是最大化后）的高度和宽带。

#9

引用 3 楼 liduqun 的回复:
急啊！这个问题对于网页自适应屏幕大小很重要！


这个能获取当前屏幕的大小，就是 最大化 时候或者 缩小时候的网页高度和宽度

#10

引用 4 楼 mabao669 的回复:
HTML code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTE……

引用错了。。。。

#11

有解决的没？我也遇到这个问题

#1

这个好像不可以

#2

我现在是思路是，window.screen.availHeight-(浏览器窗口高度-$("body").height()),
但是，我没办法获取“浏览器窗口高度”

#3

急啊！这个问题对于网页自适应屏幕大小很重要！

#4



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

 </HEAD>


 <BODY>

<script language="javascript">

document.write("网页可见区域宽："+document.body.clientWidth+"<br>") 

document.write("网页可见区域高："+document.body.clientHeight +"<br>") 

document.write("网页可见区域宽 (包括边线的宽) ："+document.body.offsetWidth+"<br>") 

document.write("网页可见区域高 (包括边线的宽) ："+document.body.offsetHeight+"<br>") 

document.write("网页正文全文宽："+document.body.scrollWidth +"<br>") 

document.write("网页正文全文高："+document.body.scrollHeight +"<br>") 

document.write("网页被卷去的高："+document.body.scrollTop +"<br>") 

document.write("网页被卷去的左："+document.body.scrollLeft +"<br>") 

document.write("网页正文部分上："+window.screenTop+"<br>")  

document.write("网页正文部分左："+window.screenLeft +"<br>") 

document.write("屏幕分辨率的高："+window.screen.height +"<br>") 

document.write("屏幕分辨率的宽："+window.screen.width +"<br>") 

document.write("屏幕可用工作区高度："+window.screen.availHeight +"<br>") 

document.write("屏幕可用工作区宽度："+window.screen.availWidth+"<br>") 

</script>

 </BODY>

</HTML>

#5

如果是布局问题，可以考虑 onresize 事件来获取页面高度

#6

引用 4 楼 mabao669 的回复:
HTML code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTE……

我要的是没有最大化ie窗口，就要获得ie窗口内网页显示区的大小。

#7

要不 添加个 div 长宽都 100% absolute 再获取它的 高度和宽度 试试

#8

引用 7 楼 g_second 的回复:
要不 添加个 div 长宽都 100% absolute 再获取它的 高度和宽度 试试

我现在就是这样，但是只能等待当前（不是最大化后）的高度和宽带。

#9

引用 3 楼 liduqun 的回复:
急啊！这个问题对于网页自适应屏幕大小很重要！


这个能获取当前屏幕的大小，就是 最大化 时候或者 缩小时候的网页高度和宽度

#10

引用 4 楼 mabao669 的回复:
HTML code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTE……

引用错了。。。。

#11

有解决的没？我也遇到这个问题
标签：

相关文章