浏览器页面区域大小的获取
2012-12-03 13:45:00    【 】   浏览:
浏览器页面区域大小的获取:

//在IE、FireFox、Opera下都可以使用
document.body.clientWidth
document.body.clientHeight
//即可获得,很简单,很方便。
//而在公司项目当中:
//Opera仍然使用
document.body.clientWidth
document.body.clientHeight
//可是IE和FireFox则使用
document.documentElement.clientWidth
document.documentElement.clientHeight
//原来是W3C的标准在作怪啊
//http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
//如果在页面中添加这行标记的话

//在IE中:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
//在FireFox中:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
?
//在Opera中:
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
//而如果没有定义W3C的标准,则
//IE为:
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
//FireFox为:
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
//Opera为:
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)


Tags:浏览器 页面区域大小的获取
】【打印繁体】【关闭】 【返回顶部
上一篇点击链接时虚线去除CSS 下一篇CSS常用语法缩写

广告推荐

网页设计文章推荐阅读

21点游戏安卓 青海十一选五开奖图 德国赛车彩票开奖网址 华东15选5历史开奖 内蒙古11选5玩法 排列五500期基本走势图 雷速体育比分直播网 幸运农场专家预测 山东十一选五前三直 新疆25选7历史开奖结果 35选7中奖图表辽宁 浙江20选5走势风采 陕西快乐十分彩票 秒速飞艇计划是怎么样的 极速十一选五中奖规则 策略成金配资 策略盈