1. 爱易网页
  2. JavaSript
  3. document.body.clientWidth的奇怪有关问题

document.body.clientWidth的奇怪有关问题

日期：2014-05-16　 浏览次数：20387 次

document.body.clientWidth的奇怪问题
（1）、当在 <html> 前加：
<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.01   Transitional//EN "
"http://www.w3.org/TR/html4/loose.dtd ">

如果页面的margin大于0，则document.body.clientWidth的值就比margin=0时document.body.clientWidth的值小20

（2）、而当 <html> 前没有
<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.01   Transitional//EN "
"http://www.w3.org/TR/html4/loose.dtd ">

无论margin的值为多少document.body.clientWidth的值都一样大

请问如何使情况（1）的document.body.clientWidth值和情况（2）一样。非常感谢！

------解决方案--------------------
别加那个东西就行啦~``反正你的网页也达不到那个标准~~~~加了有什么意义?
------解决方案--------------------
帮顶。建议还是取了吧。
------解决方案--------------------
document.documentElement.clientWidth
页面上不是只有BODY的
------解决方案--------------------
var MzElement={}; //节选自 jsframework
MzElement.body=function()
{
var W, H, SL, ST;
var w=window, d=document, dd=d.documentElement;

if(w.innerWidth) W=w.innerWidth;
else if(dd&&dd.clientWidth) W=dd.clientWidth;
else if(d.body) W=d.body.clientWidth;

if(w.innerHeight) H=w.innerHeight;
else if(dd&&dd.clientHeight) H=dd.clientHeight;
else if(d.body) H=d.body.clientHeight;

if(w.pageXOffset) SL=w.pageXOffset;
else if(dd&&dd.scrollLeft) SL=dd.scrollLeft;
else if(d.body) SL=d.body.scrollLeft;

if(w.pageYOffset) ST=w.pageYOffset;
else if(dd&&dd.scrollTop) ST=dd.scrollTop;
else if(d.body) ST=d.body.scrollTop;

return { "scrollTop ":ST, "scrollLeft ":SL, "clientWidth ":W, "clientHeight ":H};
}

var body = MzElement.body();
alert(body.clientWidth);

相关资料更多>

  1. 获取DOM节点位置，将js生成的div安插到指定的节点处
  2. JS 封闭窗口
  3. 帮忙看google搜索框自动提示代码(续前贴+100分=200分),该如何处理
  4. 运用JSF开发：视图（一）
  5. JS-二
  6. 请教怎么在一个function中调用另外一个function中定义产生的数组？
  7. 用chrome学习Javascript css 等 有什么胜势
  8. 前台页面对报表的处理，进行数据的左右移动和上下移动
  9. 如图 小弟我想让禁用的checkbox小弟我按全选他也是不勾选的。