您好,欢迎来到曲格情感。
搜索
您的当前位置:首页js获取height和width的方法说明_基础知识

js获取height和width的方法说明_基础知识

来源:曲格情感


代码如下:



js获取height和width总结



$(document).ready(function()
{
alert("浏览器当前窗口可视区域高度:"+$(window).height()); //浏览器当前窗口可视区域高度
alert("浏览器当前窗口文档的高度:"+$(document).height()); //浏览器当前窗口文档的高度
alert("浏览器当前窗口文档body的高度:"+$(document.body).height());//浏览器当前窗口文档body的高度
alert("浏览器当前窗口文档body的总高度 包括border padding margin:"+$(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert("浏览器当前窗口可视区域宽度:"+($(window).width())); //浏览器当前窗口可视区域宽度
alert("浏览器当前窗口文档对象宽度:"+$(document).width());//浏览器当前窗口文档对象宽度
alert("浏览器当前窗口文档body的高度:"+$(document.body).width());//浏览器当前窗口文档body的高度
alert("浏览器当前窗口文档body的总宽度 包括border padding margin:"+$(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
alert("显示器分辨率,只能用JavaScript代码获取高度:"+screen.height);//显示器分辨率,只能用JavaScript代码获取
alert("显示器分辨率,只能用JavaScript代码获取宽度:"+screen.width);
}) ;





  • 网页可见区域宽: 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




  • Copyright © 2019- qugedi.com 版权所有

    违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务