vs2005里取得offsetHeight,clientHeight,scrollHeight 三个属性值全都一样的问题
2006-12-20 15:15
344 查看
前面发过两篇关于自适应 iframe 高度的问题
方法在公司机器上测试都通过
原来以为这样已经没什么问题了
不过今天拿到客户那一看,哦靠, iframe 里面居然还是出现了滚动条!!!
回来一番折腾
我跟踪脚本查看 document.body 的 offsetHeight,clientHeight,scrollHeight 这三个属性值
晕,居然三个值都是 1140 (我们的显示器分辨率是 1280 * 1024)
所以我怀疑这个值很有可能就是 clientHeight 的值(clientHeight 大概就是通过浏览器看到的内容的高度吧)
难怪拿到客户那边他们出现了滚动条(他们的分辨率是 1024 * 768)
后来将 aspx 页面中的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
换成
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
再次跟踪 offsetHeight,clientHeight,scrollHeight 三个属性值
完全恢复正常!
将页面放到小的显示器里查看
ok, 难看的滚动条终于不出来了
从这里似乎可以看出是不同的标准使得浏览器对这三个属性的解释不一样
vs2005 里默认引用的是 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
方法在公司机器上测试都通过
原来以为这样已经没什么问题了
不过今天拿到客户那一看,哦靠, iframe 里面居然还是出现了滚动条!!!
回来一番折腾
我跟踪脚本查看 document.body 的 offsetHeight,clientHeight,scrollHeight 这三个属性值
晕,居然三个值都是 1140 (我们的显示器分辨率是 1280 * 1024)
所以我怀疑这个值很有可能就是 clientHeight 的值(clientHeight 大概就是通过浏览器看到的内容的高度吧)
难怪拿到客户那边他们出现了滚动条(他们的分辨率是 1024 * 768)
后来将 aspx 页面中的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
换成
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
再次跟踪 offsetHeight,clientHeight,scrollHeight 三个属性值
完全恢复正常!
将页面放到小的显示器里查看
ok, 难看的滚动条终于不出来了
从这里似乎可以看出是不同的标准使得浏览器对这三个属性的解释不一样
vs2005 里默认引用的是 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
相关文章推荐
- clientHeight,offsetHeight,scrollHeight迷一样的三个值
- 深刻了解offsetTop,offsetLeft,offsetWidth,offsetHeight,scrollTop,scrollLeft,scrollWidth,scrollHeight,clientHeight,clientWidth
- offsetHeight、scrollHeight、clientHeight、height
- [转]详解clientHeight、offsetHeight、scrollHeight
- document.body 的 clientHeight、offsetHeight 和 scrollHeight 的解释
- height、clientHeight、scrollHeight、offsetHeight区别
- 四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解释差异
- 简单理解clientHeight、scrollHeight、offsetHeight
- IE和FF下document.body对象的clientHeight,offsetHeight,scrollHeight的差别
- 关于clientHeight、offsetHeight、scrollHeight
- JavaScript获取浏览器高度和宽度值(documentElement,clientHeight,offsetHeight,scrollHeight,scrollTop,offsetParent,
- 页面位置 top、postop、scrolltop、offsetTop、scrollHeight、offsetHeight、clientHeight
- clientHeight、offsetHeight 和 scrollHeight
- 四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解释差异
- height、clientHeight、scrollHeight、offsetHeight区别
- 浅谈clientHeight、offsetHeight、scrollHeight的联系与区别
- css clientheight、offsetheight、scrollheight详解
- clientHeight、offsetHeight、scrollHeight
- 区别height,clientHeight,scrollHeight,offsetHeight
- js中clientHeight、offsetHeight、scrollHeight、scrollTop详解