文档标准
2007-11-26 23:03 黄明 阅读(129) 评论(0) 收藏 举报
关于这个问题，是因为网页中引用了“文档标准声明”造成的 即<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
。当文档有了标准声明时， document.body.clientWidth 在网页内容不满一屏幕时，取值就会不准确。
解决方法：
当文档有了标准声明时document.compatMode 的值就等于 "CSS1compat"， 因此， 我们可以根据 document.compatMode 的值来判断文档是否加了标准声明。有文档声明就调用
document.documentElement.clientWidth方法
Javascript方法：
var width = document.compatMode=="CSS1Compat" ? document.documentElement.clientWidth : document.body.clientWidth;
简单的说明一下，如果要获得真实的具体高度和宽度，还需要判断一下ScrollHeight，ScrollWidth
。当文档有了标准声明时， document.body.clientWidth 在网页内容不满一屏幕时，取值就会不准确。
解决方法：
当文档有了标准声明时document.compatMode 的值就等于 "CSS1compat"， 因此， 我们可以根据 document.compatMode 的值来判断文档是否加了标准声明。有文档声明就调用
document.documentElement.clientWidth方法
Javascript方法：
var width = document.compatMode=="CSS1Compat" ? document.documentElement.clientWidth : document.body.clientWidth;
简单的说明一下，如果要获得真实的具体高度和宽度，还需要判断一下ScrollHeight，ScrollWidth
浙公网安备 33010602011771号