`

得到页面Body区域的高度

JavaScriptMicrosoftHTML工作 
阅读更多

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>

<body>

<SCRIPT  LANGUAGE="JavaScript">  
var    s  =  "";  
s  +=  "\r\n网页可见区域宽："+  document.body.clientWidth;  
s  +=  "\r\n网页可见区域高："+  document.body.clientHeight;  
s  +=  "\r\n网页可见区域高："+  document.body.offsetWeight  +"  (包括边线的宽)";  
s  +=  "\r\n网页可见区域高："+  document.body.offsetHeight  +"  (包括边线的宽)";  
s  +=  "\r\n网页正文全文宽："+  document.body.scrollWidth;  
s  +=  "\r\n网页正文全文高："+  document.body.scrollHeight;  
s  +=  "\r\n网页被卷去的高："+  document.body.scrollTop;  
s  +=  "\r\n网页被卷去的左："+  document.body.scrollLeft;  
s  +=  "\r\n网页正文部分上："+  window.screenTop;  
s  +=  "\r\n网页正文部分左："+  window.screenLeft;  
s  +=  "\r\n屏幕分辨率的高："+  window.screen.height;  
s  +=  "\r\n屏幕分辨率的宽："+  window.screen.width;  
s  +=  "\r\n屏幕可用工作区高度："+  window.screen.availHeight;  
s  +=  "\r\n屏幕可用工作区宽度："+  window.screen.availWidth;  
alert(s);  
</SCRIPT>

</body>

</html>

分享到：
| 关于Div高度自适应
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript 获取当前页面可视高度和宽度及浏览器宽度和高度的函数.pdf

    JavaScript 获取当前页面可视高度和宽度及浏览器宽度和高度的函数 在Web开发中，获取当前页面的可视高度和宽度，以及浏览器的宽度和高度是非常重要的。这篇文章将为大家讲解如何使用JavaScript来获取这些信息。 ...

    js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码

    获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中，浏览器显示窗口大小只能以下获取： 代码如下复制代码 代码如下:document.body.offsetWidth document.body.offsetHeight在声明了...

    jQuery获取页面及个元素高度、宽度的总结——超实用

    下面把jQuery获取页面及个元素高度、宽度的方法汇总，分享给大家。 获取浏览器显示区域（可视区域）的高度 ：  代码如下: $(window).height(); 获取浏览器显示区域（可视区域）的宽度 ： 代码如下: $(window)....

    js获取页面及个元素高度、宽度的代码

    网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线和滚动条的宽); 网页可见区域高： document.body....

    js获取文本框的值!js获取浏览器高度和宽度值.pdf

    `document.body.offsetWidth` 可以获取网页可见区域的宽度，包括边线的宽，`document.body.offsetHeight` 可以获取网页可见区域的高度，包括边线的高。 2. 使用 `document.documentElement` 对象： 在 IE 中，`...

    用document.documentElement取代document.body的原因分析

    上次的测试说明了document.body属性并不会给我们返回预期的结果，比如我们用document.body.clientHeight原本想取得“页面可见区域高度”，可实际上返回的是“页面实际内容高度”。 那我们怎么办呢？难道加上了文档...

    angularjs 页面自适应高度的方法

    在angularjs构建的业务系统中，通过ui-view路由实现页面跳转，初始化进入系统后，右侧内容区域需要自适应浏览器高度。 实现方案 在ui-view所在的Div添加directive，directive中通过element.css初始化计算div的高度...

    js获取input长度并根据页面宽度设置其大小及居中对齐

    1. js获取页面宽度高度及屏幕分辨率 网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：...

    Js与Jq 获取页面元素值的方法和差异对比

    document.documentElement.clientHeight ==&gt; 浏览器可见区域高度 document.body.clientWidth ==&gt; BODY对象宽度 document.body.clientHeight ==&gt; BODY对象高度 Jq获取浏览器高度和宽度 $(window).width

    js获取网页可见区域、正文以及屏幕分辨率的高度

    网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的...

    javascript窗口宽高,鼠标位置,滚动高度(详细解析)

    网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) ...

    Js与Jq获取浏览器和对象值的方法

    document.documentElement.clientHeight ==&gt; 浏览器可见区域高度 document.body.clientWidth ==&gt; BODY对象宽度 document.body.clientHeight ==&gt; BODY对象高度 Jq获取浏览器高度和宽度 $(window).widt

    js实现弹出窗口、页面变成灰色并不可操作的例子分享

    如果你还不会，可以看看下面这个简单的例子。 代码如下:&lt;...&lt;head&gt;&lt;title&gt;弹出一个窗口后，后面的层不可操作&lt;... //设置隐藏层的高度为当前页面高度 document.getElementById(“h

    js getBoundingClientRect使用方法详解.docx

    此外，还可以通过比较元素的 top 和 bottom 属性值与可见区域的高度来判断元素是否在可视区域内。 需要注意的是，getBoundingClientRect 方法的频繁计算可能会引发页面的重绘，从而对页面的性能造成影响。因此，在...

    jQuery判断网页是否已经滚动到浏览器底部的实现方法

    //用于获取浏览器显示区域的高度 $(window).width(); //用于获取浏览器显示区域的宽度 $(document.body).height(); //获取页面文档的高度 $(document.body).width(); //获取页面文档的宽度 $(document).scrollTop()...

    CSS3样式表-框模型（盒子模型）.pptx

    若干个inline元素是水平排列的body，ul，li为block元素，它们独占一整行，兄弟之间垂直排列1框模型（盒子模型）所有页面中的元素都可以看成一个盒子，占据着一定的页面空间。一个页面由很多这样的盒子组成，这些盒子...

    JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合

    获取浏览器和页面文档的宽度和高度 代码如下: //获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的...

    自定义滚动条3.0

    滚动条子根据左边滚动内容高与可视区域高度比例等比例，且当滚动条细到一定程度时设置最小高度值,内容过少时隐藏滚动条子 支持鼠标在滚动条子的上下空白区间点击实现上、下定位滚动（模拟windows滚动条） 支持键盘...

    jquery easyui滚动条部分设置介绍

    但是当页面出现滚动条时，dialog并没有随着滚动条往下滚动，这时就需要用户滑动滚动条来定位dialog，这不人性化，在说出解决方案前先来普及一下jquery关于定位的几个方法 代码如下: //获取浏览器显示区域的高度 $...

    用js小类库获取浏览器的高度和宽度信息

    因此当用户在一个较长内容的网页中点击某一个按钮显示DIV层会发现没有任何效果(其实已经在页面的顶部显示了)，因此，我们需要准备的知道用户当前的浏览的位置的信息。在实现这个要求之前，先来看看在js中有哪些工具...

Magicbox
Global site tag (gtag.js) - Google Analytics