`

得到页面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获取滚动条高度 页面宽度与高度

    可视区域高度与宽度类似，指的是用户当前可以看见的网页部分的高度。 ```javascript function getClientHeight() { var clientHeight = 0; if (document.body.clientHeight && document.documentElement....

    Javascript 获取页面高度（多种浏览器）

    首先，我们有两个基本属性可以用来获取页面的宽度和高度：`document.body.clientWidth` 和 `document.body.clientHeight`。这两个属性分别返回 `&lt;body&gt;` 元素的宽度和高度，不包括滚动条。在 IE、Firefox 和 Opera ...

    JavaScript设置body高度为浏览器高度的方法

    `window.innerHeight` 属性返回浏览器视口的垂直内边距，即不包括浏览器工具栏、滚动条等部分的可视区域高度。而 `body` 元素的高度则包含了整个网页内容，可能受到滚动条、页眉、页脚等因素的影响。 在某些情况下...

    javascript获取页面各种高度

    - **document.body.clientHeight**: 获取的是网页可见区域的高度（不含滚动条），单位为像素。 ### 2. 网页正文全文宽高 网页正文的宽高通常指的是包含所有内容（包括溢出部分）的实际宽度和高度。这对于动态调整...

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

    这个函数用于计算当前页面可视区域的高度。它考虑了不同浏览器的兼容性问题，通过检查不同的属性来获取正确的高度值。首先，如果`window.innerHeight`和`window.scrollMaxY`都存在，那么使用这两个属性的和（因为`...

    iframe自动适应高度（完美自适应高度嵌套代码），兼容目前主流浏览器。

    4. 获取`iframe`内容区域的高度，如`contentDocument.body.scrollHeight`或`contentDocument.documentElement.scrollHeight`。 5. 将获取到的高度设置为`iframe`的`height`属性，实现自动适应。 这段描述中提到的...

    页面出现滚动条的时候如何让滚动条不影响页面宽度

    在网页设计中，当页面内容超出了可视区域的宽度时，浏览器会自动添加水平滚动条以允许用户水平滚动查看隐藏的内容。然而，滚动条本身会占用一定的空间，这可能会导致页面宽度缩小，从而影响布局的整体美观性。为了不...

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

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

    document.body.scrollTop用法

    - **document.body.offsetHeight**: 包含边框在内的网页可见区域高度。 - **document.body.scrollWidth**: 页面正文的总宽度（包括溢出部分）。 - **document.body.scrollHeight**: 页面正文的总高度（包括溢出部分...

    Iframe 框架自适应被嵌入页面高度

    通过访问`contentWindow`和`document`属性，我们可以得到Iframe内部页面的文档对象，进而获取到内容区域的实际高度。最后，我们将这个高度赋值给Iframe的`style.height`，从而实现自适应高度。 然而，需要注意的是...

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    `scrollHeight`属性返回元素的总高度，包括不可见部分，如溢出或隐藏的区域。 在实际应用中，我们可以这样使用这个函数： ```html ('conFrame');"&gt; ``` 这里，`id`属性为`"conFrame"`的`&lt;iframe&gt;`在加载完成后会...

    关于解决ElementUi中select框在页面滚动时el-option超出元素区域的问题+ cascader滚动超出问题

    然而，在实际使用过程中，可能会遇到一些问题，比如Select下拉选项（el-option）在页面滚动时超出元素区域，以及Cascader级联选择器滚动超出其容器。这两个问题都会影响用户体验。本文将详细探讨这两个问题的原因及...

    JS,Jquery获取各种屏幕的宽度和高度

    - 这两个属性分别用于获取可视区域的宽度和高度，不包括滚动条和边框。 2. **`document.body.offsetWidth`** 和 **`document.body.offsetHeight`**： - 这两个属性返回元素的宽度和高度，包括内容、内边距、边框...

    js获取屏幕的高度与宽度

    总结来说，通过使用JavaScript提供的各种属性和方法，开发者能够获得页面元素的尺寸信息，包括屏幕尺寸、滚动区域尺寸、内容区域尺寸等。在获取尺寸的过程中，除了需要了解不同属性和方法的应用场景，还需要注意...

    iframe自适应内容页面的高度

    - 获取`iframe`内容页面的实际高度：通过JavaScript获取`iframe`的`contentWindow`或`contentDocument`对象，然后获取它们的高度属性，如`document.body.scrollHeight`或`document.documentElement.scrollHeight`。...

    手机弹窗 禁止body滚动

    默认情况下，如果页面内容超过屏幕高度，`body`会自动产生滚动条，允许用户滚动查看全部内容。 要禁止body滚动，我们可以采用以下几种方法： 1. CSS样式控制： 通过CSS的`overflow`属性，我们可以禁止body的滚动...

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

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

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

    - `document.body.clientHeight`：返回浏览器窗口中网页可视区域的高度，不包括滚动条。 - `document.body.offsetWidth`：这个属性返回的是网页完整宽度，包括边框和滚动条。 - `document.body.offsetHeight`：这...

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

    #### 三、获取可视区域高度和宽度 ##### 1. 获取可视区域高度 ```javascript function getHeight() { var yScroll; // 判断滚动条的最大高度 if (window.innerHeight && window.scrollMaxY) { yScroll = ...

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