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

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-11 00:04:50

jquery 获取浏览器可视窗口大小,滚动条高度的相关文章

Javascript&Jquery获取浏览器和屏幕各种高度宽度方法总结及运用

<js篇> Javascript获取浏览器和屏幕各种高度宽度方法总结 document.body.clientWidth       //网页可见区域宽(body) document.body.clientHeight     //网页可见区域高(body) document.body.offsetWidth     //网页可见区域宽(body),包括border.margin等 document.body.offsetHeight    //网页可见区域宽(body),包括border.m

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

jQuery获取浏览器滚动条距离顶端的距离

获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 : $(window).width(); 获取页面的文档高度 : $(document).height(); 获取页面的文档宽度 :$(document).width(); 获取滚动条到顶部的垂直高度 : $(document).scrollTop(); 获取滚动条到左边的垂直宽度 : $(document).scrollLeft(); 计算元素位置和偏移量: $(id).offset(); offs

JS获取浏览器可视区域的尺寸

所谓可视区域是指能看得见的区域,即在浏览器中能看到页面的区域(高度与宽度).刚刚使用 document.body.clientHeight 来获取可视区域的高度得到的却是整个文档的高度,然后在cnblogs.com的一篇文章中获知需要通过 document.documentElement.clientHeight 才能获取到浏览器的可视区域的高度,顺便将该文章摘下来,如下: 在没有声明DOCTYPE的IE中,浏览器显示窗口大小只能以下获取: 1 2 document.body.offsetWid

JS获取浏览器可视区域尺寸

在没有声明DOCTYPE的IE中,浏览器显示窗口大小只能以下获取: document.body.offsetWidth document.body.offsetHeight 在声明了DOCTYPE的浏览器中,可以用以下来获取浏览器显示窗口大小: document.documentElement.clientWidth document.documentElement.clientHeight IE,FF,Safari皆支持该方法,opera虽支持该属性,但是返回的是页面尺寸: 同时,除了IE以外

Js/Jquery获取网页屏幕可见区域高度

获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下. 1 document.body.clientWidth ==> BODY对象宽度 2 document.body.clientHeight ==> BODY对象高度 3 document.documentElement.clientWidth ==> 可见区域宽度 4 document.documentElement.clientHeight ==> 可见区域高度 5 6 document.body.clien

jQuery获取页面及个元素高度、宽度

获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 : $(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 : $(document).width(); 浏览器当前窗口文档body的高度: $(document.body).height(); 浏览器当前窗口文档body的宽度: $(document.body).width(); 获取滚动条到顶部的垂直高度 (

JavaScript中关于获取浏览器可视窗口的几个兼容性写法的理解

1.浏览器可视窗口的概述: 浏览器可视区域不是网页的body的大小.可视区指的是浏览器减去上面菜单栏.工具栏,下面状态栏和任务栏,右边滚动条(如果有的话)后的中间网页内容的单页面积大小.而body大小是随着内容调整而变动的,可大可小.如果有滚动条的话,body的要大于可视区 2.不同浏览器或版本的不同写法: 对于IE9+.Chrome.Firefox.Opera 以及 Safari(window对象属性不支持IE8及以下浏览器): window.innerHeight - 浏览器窗口的内部高度

获取浏览器可视区域、屏幕的宽和高

document.documentElement.clientWidth:取得浏览器页面可视区域的宽度 document.documentElement.clientHeight:取得浏览器页面可视区域的高度 screen.width:取得屏幕宽度 screen.height:取得屏幕高度 screen.availWidth:取得除任务栏外的屏幕宽度 screen.availHeight取得除任务栏外的屏幕高度