189 8069 5689
需要准备的材料分别有：电脑、html编辑器、浏览器。
主要从事网页设计、PC网站建设（电脑版网站建设）、wap网站建设（手机版网站建设）、自适应网站建设、程序开发、微网站、微信小程序定制开发等，凭借多年来在互联网的打拼，我们在互联网网站建设行业积累了丰富的网站设计制作、成都做网站、网络营销经验，集策划、开发、设计、营销、管理等多方位专业化运作于一体，具备承接不同规模与类型的建设项目的能力。
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
2、在index.html中的script标签，输入jquery代码：
$('body').append('height: ' + $(document).height() + 'br/');
$('body').append('width: ' + $(document).width());
3、浏览器运行index.html页面，此时会打印出界面最大可以滚动的文档宽度和文档高度。
主要功能：
获取浏览器显示区域（可视区域）的高度
：
$(window).height();
获取浏览器显示区域（可视区域）的宽度
：
$(window).width();
获取页面的文档高度
$(document).height();
获取页面的文档宽度
：
$(document).width();
浏览器当前窗口文档body的高度：
$(document.body).height();
浏览器当前窗口文档body的宽度：
$(document.body).width();
获取滚动条到顶部的垂直高度
(即网页被卷上去的高度)
$(document).scrollTop();
获取滚动条到左边的垂直宽度
：
$(document).scrollLeft();
获取或设置元素的宽度：
$(obj).width();
获取或设置元素的高度：
$(obj).height();
某个元素的上边界到body最顶部的距离：obj.offset().top;（在元素的包含元素不含滚动条的情况下）
某个元素的左边界到body最左边的距离：obj.offset().left;（在元素的包含元素不含滚动条的情况下）
返回当前元素的上边界到它的包含元素的上边界的偏移量：obj.offset().top（在元素的包含元素含滚动条的情况下）
返回当前元素的左边界到它的包含元素的左边界的偏移量：obj.offset().left（在元素的包含元素含滚动条的情况下）
//返回当前页面高度
function
pageHeight(){
if($.browser.msie){
return
document.compatMode
==
"CSS1Compat"?
document.documentElement.clientHeight
:
document.body.clientHeight;
}else{
return
self.innerHeight;
}
};
//返回当前页面宽度
function
pageWidth(){
if($.browser.msie){
return
document.compatMode
==
"CSS1Compat"?
document.documentElement.clientWidth
:
document.body.clientWidth;
}else{
return
self.innerWidth;
}
};
以下是其它网友的补充：
获取浏览器显示区域的高度
：
$(window).height();
获取浏览器显示区域的宽度
：$(window).width();
获取页面的文档高度
：$(document).height();
获取页面的文档宽度
：$(document).width();
获取滚动条到顶部的垂直高度
：$(document).scrollTop();
获取滚动条到左边的垂直宽度
：$(document).scrollLeft();
计算元素位置和偏移量：$(id).offset();
offset方法是一个很有用的方法，它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含
top和left两个属性。
offset(options,
results)
options.relativeTo指定相对计
算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。
options.scroll是否把
滚动条计算在内，默认TRUE
options.padding是否把padding计算在内，默认false
options.margin
是否把margin计算在内，默认true
options.border是否把边框计算在内，默认true
子页面控制父页面：
parent.document.documentElement.scrollTop;
parent.document.documentElement.clientHeight;
可以将DIV的滚动条滚动到其子元素所在的位置，方便自动定位。
var
container
=
$('div'),
scrollTo
=
$('#row_8');
container.scrollTop(
scrollTo.offset().top
-
container.offset().top
+
container.scrollTop()
);
//
Or
you
can
animate
the
scrolling:
container.animate({
scrollTop:
scrollTo.offset().top
-
container.offset().top
+
container.scrollTop()
})
1、首先打开hbuilder编辑器，新建一个HTML文档，里面输入长篇的文字。
2、然后在上方引入jQuery的脚本，编辑js脚本，使用bind方法绑定浏览器的scroll事件，监听网页滚动，之后用scrollTop()获取垂直滚动距离，最后弹出输出的值即可。
3、保存一下打开浏览器，可以看到一个长篇的文档。
4、按F12打开浏览器开发者工具，切换到Console标签下，滚动鼠标，就可以在开发者工具里显示出浏览器高度位置的数据了。