网页加了这么一行
<!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">
分享到:
相关推荐
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`...
在Web开发中,理解和掌握`document.body`和`document.documentElement`的区别至关重要,尤其是在处理页面布局和兼容性问题时。这两个对象分别代表了HTML文档的不同部分:`document.body`指的是HTML文档的实际内容...
* 在 IE 中,`document.body.clientHeight` 和 `document.body.clientWidth` 获取的是 BODY 对象的高度和宽度 * 在 FireFox 中,`document.body.clientHeight` 和 `document.body.clientWidth` 获取的是可见区域的...
- **`document.documentElement` 与 `document.body` 的区别**:在标准模式下,`document.documentElement` 指的是 `<html>` 元素,而 `document.body` 指的是 `<body>` 元素。这两个元素在不同情况下存储着不同的...
- `document.body.clientHeight` 和 `document.body.clientWidth`:其他IE版本和其他浏览器使用。 #### 五、实际应用 在实际开发中,通常还需要考虑以下几点: 1. **性能优化**:频繁调用这些函数可能会对页面...
- `document.body.clientWidth` 和 `document.body.clientHeight` 分别代表BODY对象的宽度和高度。 - `document.documentElement.clientWidth` 和 `document.documentElement.clientHeight` 表示可见区域的宽度和...
3. **`document.body.clientWidth` 和 `document.body.clientHeight`**: - 返回文档主体元素的可视区域宽度和高度。 - 当前页面没有滚动条时,返回的是实际内容的宽度和高度;如果页面有滚动条,则返回的值比实际...
- `document.body.clientHeight`: 只包含内容区域的高度,不包括滚动条和边框。 - `document.body.offsetWidth`: 包括内容、内边距和边框的总宽度。 - `document.body.offsetHeight`: 包括内容、内边距和边框的总...
2. **`document.body.clientHeight`**:返回文档内容区域的高度(不包括滚动条和边框)。 3. **`document.body.offsetWidth`**:返回元素的宽度加上左右边框和左右内边距的总宽度。 4. **`document.body....
document.body.clientWidth和document.body.clientHeight分别返回内容区域的宽度和高度,但不包括边框和滚动条。如果想要获取包括边框在内的总宽度和高度,则需要使用document.body.offsetWidth和document.body....
通过 `document.body.clientWidth` 和 `document.body.clientHeight`,我们可以获取到网页可见区域的宽度和高度,而通过 `window.innerWidth` 和 `window.innerHeight`,我们可以获取浏览器窗口的宽度和高度。...
- `document.body.clientWidth` 和 `document.body.clientHeight` 分别返回浏览器窗口可见区域的宽度和高度,不包括滚动条。 - `document.body.offsetWidth` 和 `document.body.offsetHeight` 包括了边框,提供了...
2. `document.body.clientHeight`:表示网页可见区域的高度,同样不包括滚动条。 3. `document.body.offsetWidth`和`document.body.offsetHeight`:这两个属性分别包含了元素的总宽度和总高度,包括边框。 4. `...
- **`document.body.clientHeight`**: 返回 BODY 元素的可见高度(不包括滚动条和边框)。 这些属性可以用于任何元素,但通常用于 BODY 元素来获取浏览器窗口的可见尺寸。 #### 2. 获取可见区域的宽度和高度 - **...
document.body.clientHeight; ``` 3. **网页可见区域宽度(包括边线)**: ```javascript document.body.offsetWidth; ``` 4. **网页可见区域高度(包括边线)**: ```javascript document.body....
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...
documentElement.scrollTop + (documentElement.clientHeight - this.offsetHeight) / 2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight) / 2); } .content { background: #f3f3f3...
在Quirks Mode下,IE和其他一些早期浏览器的行为可能会导致元素的尺寸、定位和布局与标准模式有所不同,特别是在处理盒模型时。 `document.compatMode` 就是用来检测当前文档是在使用哪种渲染模式。如果值为 "CSS1...
var h = document.documentElement.clientHeight || document.body.clientHeight; ``` 2. **`offsetHeight` 和 `offsetWidth`** - 获取元素的高度和宽度,包括滚动条和边框。 ```javascript var w = ...