注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

taijihome的博客

 
 
 

日志

 
 

2008年11月21日  

2008-11-21 23:01:26|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

禁止自动完成 <input type="text" name="T1" size="20" autocomplete="off">

2008年11月21日 - taijihome - taijihome的博客

在新定义出来的标准下 document.documentElement.clientHeight在IE和火狐里都能获取正确值,下面一篇文章详细介绍了获取各种浏览器可见窗口大小这方面的差别:

<script language="javascript">

function getInfo()

{

    var s = "";

    s += " 网页可见区域宽:"+ document.body.clientWidth;

    s += " 网页可见区域高:"+ document.body.clientHeight;

    s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)";

    s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)";

    s += " 网页正文全文宽:"+ document.body.scrollWidth;

    s += " 网页正文全文高:"+ document.body.scrollHeight;

    s += " 网页被卷去的高(ff):"+ document.body.scrollTop;

    s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop;

    s += " 网页被卷去的左:"+ document.body.scrollLeft;

    s += " 网页正文部分上:"+ window.screenTop;

    s += " 网页正文部分左:"+ window.screenLeft;

    s += " 屏幕分辨率的高:"+ window.screen.height;

    s += " 屏幕分辨率的宽:"+ window.screen.width;

    s += " 屏幕可用工作区高度:"+ window.screen.availHeight;

    s += " 屏幕可用工作区宽度:"+ window.screen.availWidth;

    s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";

    s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";

    alert (s);

}

getInfo();

</script>

在本地测试当中:

在IE、FireFox、Opera下都可以使用

document.body.clientWidth

document.body.clientHeight

即可获得,很简单,很方便。

而在公司项目当中:

Opera仍然使用

document.body.clientWidth

document.body.clientHeight

可是IE和FireFox则使用

document.documentElement.clientWidth

document.documentElement.clientHeight

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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高)

  评论这张
 
阅读(67)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017