摘要: 兼容性,特别是这几个东西的兼容性是很复杂的,为了简单,建议阅读再谈 document.documentElement 与 document.body 的 scrollWidth、offsetWidth、clientWidth这篇文章。我们这里说说四种浏览器对 document.body 的clientHeight、offsetHeight 和 scrollHeight 的解释,这里说的是 document.body,如果是 HTML 控件,则又有不同。这四种浏览器分别为IE(Internet Explorer)、NS(Netscape)、Opera、FF(FireFox)。文尾的重要说明比较重 阅读全文
posted @ 2012-05-10 14:29 初雪之恋 阅读(4525) 评论(0) 推荐(2) 编辑
摘要: js中不同的高度(height)对比我们这里说说四种浏览器对 document.body 的clientHeight、offsetHeight 和 scrollHeight 的解释,这里说的是 document.body,如果是 HTML 控件,则又有不同.这四种浏览器分别为IE(Internet Explorer)、NS(Netscape)、Opera、FF(FireFox)。文尾的重要说明比较重要,请注意。clientHeight大家对 clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以 阅读全文
posted @ 2012-05-10 14:21 初雪之恋 阅读(1603) 评论(0) 推荐(0) 编辑
摘要: (scrollHeight、offsetHeight、clientHeight 同样可按本文去理解。)这是一个很复杂的问题,让我们想像一下:document.documentElement.scrollWidthdocument.documentElement.offsetWidthdocument.documentElement.clientWidthdocument.body.scrollWidthdocument.body.offsetWidthdocument.body.clientWidth有 6 个属性要测,这 6 个属性要放在4 种情况中:没有指定 DOCTYPE,网页内容没有超 阅读全文
posted @ 2012-05-10 14:07 初雪之恋 阅读(10237) 评论(0) 推荐(2) 编辑
摘要: 做页面的时候可能会用到位置固定的层,读取 document.body.scrollTop 来设置层的位置,像这样:window.onscroll = function (){var oFix = document.getElementById("divfix");oFix.style.top = document.body.scrollTop + "px";}可是怎么没有达到预期效果呢,输出 document.body.scrollTop 的值一看,一直都是 0。原来是 DTD 的问题,要是页面直接用 <html>开头的话(不是w3c标准)就 阅读全文
posted @ 2012-05-10 13:57 初雪之恋 阅读(328) 评论(0) 推荐(0) 编辑
摘要: 关于获取各种浏览器可见窗口大小的一点点研究<script>function getInfo(){//未添加<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">标记情况使用body 否则使用documentElementvar s = "";s = " 网页可见区域宽:" document.body.cli 阅读全文
posted @ 2012-05-10 12:56 初雪之恋 阅读(1833) 评论(0) 推荐(0) 编辑