`

web标准与document.body.clientHeight

阅读更多

网页加了这么一行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
document.body.clientHeight就不可用,解决方法如下:

在Quirks渲染模式下<body>作为文档的根,所以可以用document.body.clientHeight得到文档的高度。而在Standard渲染模式下,<html>作为文档的根,需要使用document.documentElement.clientHeight才可以得到。此时document.body的高度和宽度都为0 

或者将
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
改为
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

 
分享到:
评论

相关推荐

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

    windowHeight = document.body.clientHeight; } // for small pages with total height less then height of the viewport if(yScroll ){ pageHeight = windowHeight; } else { pageHeight = yScroll; } ...

    js获取浏览器高度和宽度值(多浏览器)

    1. `document.body.clientWidth` 和 `document.body.clientHeight` 也分别返回BODY元素的宽度和高度,与IE相同。 2. 不同的是,`document.documentElement.clientWidth` 和 `document.documentElement.clientHeight`...

    由document.body和document.documentElement想到的

    在Web开发中,理解和掌握`document.body`和`document.documentElement`的区别至关重要,尤其是在处理页面布局和兼容性问题时。这两个对象分别代表了HTML文档的不同部分:`document.body`指的是HTML文档的实际内容...

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

    * 在 IE 中,`document.body.clientHeight` 和 `document.body.clientWidth` 获取的是 BODY 对象的高度和宽度 * 在 FireFox 中,`document.body.clientHeight` 和 `document.body.clientWidth` 获取的是可见区域的...

    doctype后如何获得body.clientHeight的方法

    - **`document.documentElement` 与 `document.body` 的区别**:在标准模式下,`document.documentElement` 指的是 `&lt;html&gt;` 元素,而 `document.body` 指的是 `&lt;body&gt;` 元素。这两个元素在不同情况下存储着不同的...

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

    - `document.body.clientHeight` 和 `document.body.clientWidth`:其他IE版本和其他浏览器使用。 #### 五、实际应用 在实际开发中,通常还需要考虑以下几点: 1. **性能优化**:频繁调用这些函数可能会对页面...

    js获取屏幕分辨率的方法

    - `document.body.clientWidth` 和 `document.body.clientHeight` 分别代表BODY对象的宽度和高度。 - `document.documentElement.clientWidth` 和 `document.documentElement.clientHeight` 表示可见区域的宽度和...

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

    3. **`document.body.clientWidth` 和 `document.body.clientHeight`**: - 返回文档主体元素的可视区域宽度和高度。 - 当前页面没有滚动条时,返回的是实际内容的宽度和高度;如果页面有滚动条,则返回的值比实际...

    js常用代码集锦.

    - `document.body.clientHeight`: 只包含内容区域的高度,不包括滚动条和边框。 - `document.body.offsetWidth`: 包括内容、内边距和边框的总宽度。 - `document.body.offsetHeight`: 包括内容、内边距和边框的总...

    JavaScript得到当前窗口的所有大小值

    2. **`document.body.clientHeight`**:返回文档内容区域的高度(不包括滚动条和边框)。 3. **`document.body.offsetWidth`**:返回元素的宽度加上左右边框和左右内边距的总宽度。 4. **`document.body....

    js获取屏幕的高度与宽度

    document.body.clientWidth和document.body.clientHeight分别返回内容区域的宽度和高度,但不包括边框和滚动条。如果想要获取包括边框在内的总宽度和高度,则需要使用document.body.offsetWidth和document.body....

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

    通过 `document.body.clientWidth` 和 `document.body.clientHeight`,我们可以获取到网页可见区域的宽度和高度,而通过 `window.innerWidth` 和 `window.innerHeight`,我们可以获取浏览器窗口的宽度和高度。...

    js常用的dom高度长度详细

    - `document.body.clientWidth` 和 `document.body.clientHeight` 分别返回浏览器窗口可见区域的宽度和高度,不包括滚动条。 - `document.body.offsetWidth` 和 `document.body.offsetHeight` 包括了边框,提供了...

    scrollLeft,scrollTop等等详解[定义].pdf

    2. `document.body.clientHeight`:表示网页可见区域的高度,同样不包括滚动条。 3. `document.body.offsetWidth`和`document.body.offsetHeight`:这两个属性分别包含了元素的总宽度和总高度,包括边框。 4. `...

    JS浏览器的高度和宽度

    - **`document.body.clientHeight`**: 返回 BODY 元素的可见高度(不包括滚动条和边框)。 这些属性可以用于任何元素,但通常用于 BODY 元素来获取浏览器窗口的可见尺寸。 #### 2. 获取可见区域的宽度和高度 - **...

    JQuery坐标定位

    document.body.clientHeight; ``` 3. **网页可见区域宽度(包括边线)**: ```javascript document.body.offsetWidth; ``` 4. **网页可见区域高度(包括边线)**: ```javascript document.body....

    Jsp中生成模式窗体代码详解

    sdiv.style.top = document.body.scrollTop + document.body.clientHeight / 2 - 90; sdiv.style.position = "absolute"; sdiv.style.left = document.body.clientWidth / 2 - 175; document.body.appendChild...

    js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动).docx

    documentElement.scrollTop + (documentElement.clientHeight - this.offsetHeight) / 2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight) / 2); } .content { background: #f3f3f3...

    document.compatMode介绍

    在Quirks Mode下,IE和其他一些早期浏览器的行为可能会导致元素的尺寸、定位和布局与标准模式有所不同,特别是在处理盒模型时。 `document.compatMode` 就是用来检测当前文档是在使用哪种渲染模式。如果值为 "CSS1...

    前端vue.js

    var h = document.documentElement.clientHeight || document.body.clientHeight; ``` 2. **`offsetHeight` 和 `offsetWidth`** - 获取元素的高度和宽度,包括滚动条和边框。 ```javascript var w = ...

Global site tag (gtag.js) - Google Analytics