jquery 获取浏览器窗口的可视区域高度 宽度 滚动条高

原文:http://www.open-open.com/code/view/1421827925437

alert($(window).height()); //可视区域高度
alert($(document).height()); //文档的高度
alert($(document.body).height());//文档body的高度
alert($(document.body).outerHeight(true));//文档body的总高度 包括border padding margin
alert($(window).width()); //可视区域宽度
alert($(document).width());//文档对于象宽度
alert($(document.body).width());//文档body的高度
alert($(document.body).outerWidth(true));//文档body的总宽度 包括border padding margin

alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度
alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度
时间: 2024-10-09 12:11:11

jquery 获取浏览器窗口的可视区域高度 宽度 滚动条高的相关文章

JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度

alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin alert($(window).width());

JQuery获取浏览器窗口的高度和宽度

<script type="text/javascript"> $(document).ready(function() { alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(document.body).outerHeight(tr

Query 获取浏览器窗口的高度和宽度

我们使用JQuery开发的过程中我们有时会根据浏览器窗口的位置定位,下面就讲解一下获取浏览器窗口尺寸的一些方法. 浏览器可视区域尺寸,注意这里指的不是浏览器窗口尺寸,也不是页面尺寸,我们可以想象成是我们能看到的文档面积大小 当前浏览器窗口中可视区域高度:$(window).height() 当前浏览器窗口中可视区域宽度:$(window).width() 浏览器整个文档的尺寸 当前文档的高度:$(document).height() 当前文档的宽度:$(document).width() 浏览器

常用高度——获取浏览器窗口的高度(jquery和js)

jquery的用法: <script type="text/javascript"> $(document).ready(function() { alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 (这儿也是包括滚动条的) alert($(document.body).height());//浏览器时下窗口文档body的高度 (这儿也是包括滚动条的)

jquery 获取浏览器可视窗口大小,滚动条高度

alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin alert($(window).width());

js获取可视区域高度

1 document.body.clientWidth ==> BODY对象宽度 2 document.body.clientHeight ==> BODY对象高度 3 document.documentElement.clientWidth ==> 可见区域宽度 4 document.documentElement.clientHeight ==> 可见区域高度 5 6 网页可见区域宽: document.body.clientWidth 7 网页可见区域高: document.

Javascript、Jquery获取浏览器和屏幕各种高度宽度

Javascript: alert(document.body.clientWidth);        //网页可见区域宽(body) alert(document.body.clientHeight);       //网页可见区域高(body) alert(document.body.offsetWidth);       //网页可见区域宽(body),包括border.margin等 alert(document.body.offsetHeight);      //网页可见区域宽(b

获取浏览器窗口宽高问题总结

s  =  "网页可见区域宽:"+  document.body.clientWidth;  s  +=  "\r\n网页可见区域高:"+  document.body.clientHeight;  s  +=  "\r\n网页可见区域高:"+  document.body.offsetWeight  +"  (包括边线的宽)";  s  +=  "\r\n网页可见区域高:"+  document.body

jquery 获取浏览器宽高变化

$(window).resize(function () {          //当浏览器大小变化时     alert($(window).height());          //浏览器时下窗口可视区域高度     alert($(document).width());        //浏览器时下窗口文档的宽度     alert($(document.body).height());     //浏览器时下窗口文档body的高度     alert($(document.body).