jquery如何求屏幕的高度

这篇“jquery如何求屏幕的高度”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“jquery如何求屏幕的高度”文章吧。 jquery求屏幕高度的方法：1、通过“alert($(window).height());”方法获取浏览器当前窗口可视区域高度；2、通过“alert($(document).height());”方法获取浏览器当前窗口文档的高度；3、通过“alert($(document.body).height());”方法获取浏览器当前窗口文档body的高度等。js或jQuery获取当前屏幕的各种高度1、Javascript:


网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽：document.body.offsetWidth(包括边线的宽)
网页可见区域高：document.body.offsetHeight(包括边线的高)
网页正文全文宽：document.body.scrollWidth
网页正文全文高：document.body.scrollHeight
网页被卷去的高：document.body.scrollTop
网页被卷去的左：document.body.scrollLeft
网页正文部分上：window.screenTop
网页正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的宽：window.screen.width
屏幕可用工作区高度：window.免费云主机域名screen.availHeight
屏幕可用工作区宽度：window.screen.availWidth

2、JQuery:


$(document).ready(function(){
alert($(window).height());//浏览器当前窗口可视区域高度
alert($(document).height());//浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度包括borderpaddingmargin
alert($(window).width());//浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的宽度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度包括borderpaddingmargin
})

3、窗口大小改变时


$(window).resize(function(){
//执行代码块
});

4、点击返回顶部


$('.go_top').click(function(){
if($(window).scrollTop()>0){
$("html,body").stop().animate({scrollTop:0},200);
}
});
$(window).scroll(function(){
varw_h=$(document).scrollTop();
if(w_h>300){
$('.go_top').fadeIn();
}
if(w_h

以上就是关于“jquery如何求屏幕的高度”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注百云主机行业资讯频道。

相关推荐: vue如何监听屏幕高度

这篇文章主要介绍“vue如何监听屏幕高度”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“vue如何监听屏幕高度”文章能帮助大家解决问题。首先需要在data里面定义页面的高度把window.onresize事件挂在到mou…

免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。