有时候需要取页面的底部, 就会用到document.body.clientHeight , 在HTML 标准中(这一句就能取到整个页面的高度, 不论body 的实际内容到底有多高, 例如, 1074*768 的分辨率, 页面最大化时, 这个高度约为720 , 即使页面上只有一句"hello world" , 也仍然取到720.
可是在XHTML中, 如果body 体中只有一行, 则document.body.clientHeight 只能取到那一行的高度, 约20px, 这时如何还想取到整个页面的高度, 就要用document.documentElement.clientHeight 来获取了.
原因是: 在HTML 中, body 是整个DOM 的根, 而在XHTML 中, document 才是根, body 不再是根, 所以取body 的属性时, 不能再取到整个页面的值.
区别新旧标准的行是:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
前者指明该页面使用旧标准, 后者指明该页面使用新标准.
总结:
XHTML中用 document.documentElement.clientHeight 代替
document.body.clientHeight
相关推荐
- **document.body.clientHeight**: 表示网页可见区域的高度（不包含滚动条）。 - **document.body.offsetWidth**: 包含边框在内的网页可见区域宽度。 - **document.body.offsetHeight**: 包含边框在内的网页可见...
例如，获取浏览器的宽度和高度，如果处于怪异模式，可以使用document.body.clientWidth和document.body.clientHeight；如果处于标准模式，则使用document.documentElement.clientWidth和document.documentElement....
1. **`document.body.clientWidth`** 和 **`document.body.clientHeight`**： - 这两个属性分别用于获取可视区域的宽度和高度，不包括滚动条和边框。 2. **`document.body.offsetWidth`** 和 **`document.body....
clientHeight = (document.body.clientHeight < document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight; } else { clientHeight = (document.body....
clientHeight = (document.body.clientHeight < document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight; } else { clientHeight = (document.body....
上次的测试说明了document.body属性并不会给我们返回预期的结果，比如我们用document.body.clientHeight原本想取得“页面可见区域高度”，可实际上返回的是“页面实际内容高度”。 那我们怎么办呢？难道加上了文档...
windowHeight = document.body.clientHeight; } // for small pages with total height less then height of the viewport if(yScroll ){ pageHeight = windowHeight; } else { pageHeight = yScroll; } ...
1. `document.body.clientWidth` 和 `document.body.clientHeight` 也分别返回BODY元素的宽度和高度，与IE相同。 2. 不同的是，`document.documentElement.clientWidth` 和 `document.documentElement.clientHeight`...
winH = document.body.clientHeight; } // for small pages with total size less then the viewport var pageW = (scrW) ? winW : scrW; var pageH = (scrH) ? winH : scrH; return {PageW:pageW, ...
- 与IE类似，`document.body.clientWidth`和`document.body.clientHeight`分别获取`body`的宽度和高度。 - 同样，`document.documentElement.clientWidth`和`document.documentElement.clientHeight`获取整个文档...
- `document.body.clientHeight`: 获取网页可见区域高度，不包括滚动条。 - `document.body.offsetWidth`: 获取网页可见区域宽，包括边线的宽。 - `document.body.offsetHeight`: 获取网页可见区域高，包括边线的宽...
- **`document.body.clientWidth`** 和 **`document.body.clientHeight`**：这两个属性分别表示文档体的宽度和高度，不包含边框和滚动条。 - **`document.body.offsetWidth`** 和 **`document.body.offsetHeight`**...
* 在 FireFox 中，`document.body.clientHeight` 和 `document.body.clientWidth` 获取的是可见区域的高度和宽度 * 在 Opera 中，`document.body.clientHeight` 和 `document.body.clientWidth` 获取的是可见区域的...
- `document.body.clientWidth` 和 `document.body.clientHeight` 同样返回BODY对象的宽度和高度。 - `document.documentElement.clientWidth` 和 `document.documentElement.clientHeight` 返回的是包含边距的页面...
var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight; } else { var clientHeight = (document....
1. `document.body.clientWidth`和`clientHeight`返回浏览器视口的宽度和高度，不包括滚动条。 2. `document.body.offsetWidth`和`offsetHeight`则包括了边框的宽度。 3. `document.body.scrollWidth`和`...
let clientHeight = document.documentElement.clientHeight || document.body.clientHeight; let scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight; if (scrollTop + ...
在ie6中很多js脚本执行就会出现问题，一般是在获取clientWidth, clientHeight,... 比如：原来document.body.clientHeight，就要改成document.documentElement.scrollTop 为了自适应，可以改了下代码： ((docum
var cHeight = document.body.clientHeight; var sWidth = document.body.scrollWidth; var sHeight = document.body.scrollHeight; var sLeft = document.body.scrollLeft; var sTop = document.body....
网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth + ” (包括边线和滚动条的宽)”; 网页可见区域高：document.body.offsetHeight + ” (包括边线的宽)”; 网页正文全文宽...