百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> js 获得窗口大小
分享文章到:

js 获得窗口大小

发布时间:01/15 来源: 浏览: 关键词:
下面有两款关于js 获得窗口大小实例代码,获取窗口大小的方法就是利用了js document.body.clentWidth方法来实例。方法很多,下面详细有说明。

<script>
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>

常用的

    网页可见区域宽:document.body.clientwidth  
     网页可见区域高:document.body.clientheight  
     网页可见区域宽:document.body.offsetwidth      (包括边线的宽)  
     网页可见区域高:document.body.offsetheight      (包括边线的宽)  
     网页正文全文宽:document.body.scrollwidth  
     网页正文全文高:document.body.scrollheight  
     网页被卷去的高:document.body.scrolltop  
     网页被卷去的左:document.body.scrollleft  
     网页正文部分上:window.screentop  
     网页正文部分左:window.screenleft  
     屏幕分辨率的高:window.screen.height  
     屏幕分辨率的宽:window.screen.width  
     屏幕可用工作区高度:window.screen.availheight  
     屏幕可用工作区宽度:window.screen.availwidth

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有5人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板