jquery获取高度,jquery获取浏览器窗口高度

jQuery获取元素宽高

（1）、打点 width（）获取元素的宽

创新互联是一家专注于成都网站建设、网站设计与策划设计,龙川网站建设哪家好?创新互联做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:龙川等地区。龙川做网站价格咨询:18980820575

（2）、打点 height（）获取元素的高

（3）、打点 innerWidth（）获取包含内边距和内容区域不包含边框的宽

（4）、打点 innerHeight（）获取包含内边距和内容区域不包含边框的高

（5）、打点 outerWidth（）获取包含内边距、内容区域、边框的宽度

（6）、打点 outerHeight（）获取包含内边距、内容区域、边框的高度

需要准备的材料分别有：电脑、chrome浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、其次在index.html中的script标签，输入js代码：

document.body.innerText = $(window).height();

3、浏览器运行index.html页面，此时会通过jquery获取到窗口高度“743”并打印出。

1、jquery获取滚动条高度使用.scrollTop()方法。

2、首先我们新建一个长篇的HTML文档。

3、然后我们编辑JS脚本，使用.scroll()方法，监听网页滚动。

4、然后我们使用.scrollTop()获取垂直滚动距离。

5、然后保存文件，查看获取的垂直滚动距离即可。

建议你这样试试看：

获取你要得到高度的那个div的jQuery对象，获得方法有很多很多种，具体你可以看一下jQuery API文档里的选择器部分，在这里我只跟你说一个最直接的方法，通过id获得：$("#id")

要看你要得到的是什么高度了，jQuery里现有的三个获得高度的方法是：

$("#id").height(); // 获得的是该div本身的高度, (不包含padding,margin,border)

$("#id").outerHeight(); // 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)

$("#id").outerHeight(true); // 包含该div本身的高度, 以及padding,border,margin上下的总高度

网站栏目：jquery获取高度,jquery获取浏览器窗口高度
URL分享：http://azwzsj.com/article/dsdpccd.html