javascript、jquery获取网页的高度和宽度

javascript:

可视区域宽：document.documentElement.clientWidth （width + padding）

可视区域高：document.documentElement.clientHeight （height + padding）

可视区域宽： document.body.offsetWidth (包括边线的宽： width + padding + border)

可视区域高： document.body.offsetHeight (包括边线的高：height + padding + border)

内容高： document.body.scrollHeight

文档高： document.body.offsetHeight

纵向滚动的距离： document.body.scrollTop || document.documentElement.scrollTop

横向滚动的距离： document.body.scrollLeft || document.documentElement.scrollLeft

jquery:

可视区域宽 : $(window).width()

可视区域高：$(window).height()

页面的文档宽：$(document).width();

页面的文档高：$(document).height();

获取滚动条到左边的垂直宽度：$(document).scrollLeft();

获取滚动条到顶部的垂直高度：$(document).scrollTop();

转载于:https://www.cnblogs.com/zjdeblog/p/6484715.html

javascript、jquery获取网页的高度和宽度相关推荐

javascript中获取dom元素高度和宽度
javascript中获取dom元素高度和宽度的方法如下: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight ...
js获取网页面的高度和宽度
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...
js中动态获取页面的高度和宽度的方法总结
javascript,jquery获取网页的高度和宽度: javascript: 可视区域宽:document.documentElement.clientWidth(width+padding) 可 ...
js获取div元素高度和宽度的方法
前端web页面中,js可以很方便的获取div元素的高度和宽度,那么这篇文章就说一说原生JS与JQ如何快速的获取DIV元素的高度和宽度的方法. js获取div元素高度与宽度的方法 js获取div元素的高 ...
html如何制作查看更多横条,页面浏览量顶部横条显示代码－附“Js/Jquery获取网页屏幕可见区域高度”...
偶然看到这个页面浏览量显示的东东,很有意思,自己做了一个. 代码如下:html> 页面浏览量顶部横条显示 $(function(){ $(window).scroll(function() { ...
jQuery获取或设置元素的宽度和高度
jQuery获取或设置元素的宽度和高度: 可使用以下3种方法: 1,jQuery width() 和 height() 方法: 2,innerWidth() 和 innerHeight() 方法: 3 ...
jquery获取文档高度和窗口高度的例子
jquery获取文档高度和窗口高度,$(document).height().$(window).height() $(document).height():整个网页的文档高度 $(window).h ...
js如何获取html图片,JS/JQuery获取网页或文章或某DIV所有图片
要获取网页所有图片,我们可以通过Javascript就能轻松实现,不过要想获得文章或某容器(如:Div)里所有图片,使用JQuery而不是Javascript来实现就会变得更加简单.本文将给你详细介绍 ...
每天一个JavaScript实例-获取元素当前高度
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

javascript、jquery获取网页的高度和宽度

javascript、jquery获取网页的高度和宽度相关推荐

最新文章

热门文章