首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

通过jQuery获取网页高度

对于通过jQuery获取网页高度,可以使用以下代码:

代码语言:javascript
复制
$(document).ready(function(){
  var height = $(window).height();
  console.log(height);
});

这段代码会在页面加载完成后,获取当前窗口的高度,并将其输出到控制台。因此,如果您需要在其他页面中获取网页高度,只需在代码中添加相应的JavaScript代码即可。

另外,如果您需要获取网页的滚动位置,可以使用以下代码:

代码语言:javascript
复制
$(document).ready(function(){
  var scrollPos = $(document).scrollTop();
  console.log(scrollPos);
});

这段代码会获取当前网页的滚动位置,并将其输出到控制台。如果您需要在其他页面中获取网页滚动位置,只需在代码中添加相应的JavaScript代码即可。

需要注意的是,以上代码需要在HTML文档完全加载完成后才能执行,否则可能会导致错误。因此,如果您需要在页面加载完成后立即执行代码,可以将代码放在$(window).load()事件的处理程序中。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JavaScript、Jquery获取屏幕的宽度和高度

在日常的项目中经常需要获取屏幕的宽度或者高度,简单记录一下: Javascript方法获取: document.body.clientWidth //网页可见区域宽 document.body.clientHeight... //网页正文全文宽 document.body.scrollHeight //网页正文全文高 document.body.scrollTop //网页被卷去的高 document.body.scrollLeft... //屏幕分辨率的宽 window.screen.availHeight //屏幕可用工作区高度 window.screen.availWidth //屏幕可用工作区宽度 JQuery方法获取: ($(...window).height()); //浏览器当前窗口可视区域高度 ($(document).height()); //浏览器当前窗口文档的高度 ($(document.body).height())...;//浏览器当前窗口文档body的高度 ($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

5.3K00

js获取网页屏幕可视区域高度

document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth...==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 看了以上代码,可能会有疑问说body和可见区域到底有什么不同呢,我们在console...里运行一下会发现在不同的网页中有不同的情况值,有的document.body.clientWidth和document.documentElement.clientWidth 的值相同,有的却不同,原因在哪呢...以下是兼容主流浏览器(IE/Firefox/Chrome/Safari)获取浏览器窗口可视区域(不包括滚动条)和滚动条位置的代码: ? ?...|| document.body.clientWidth; 4 } 5 6 // 获取浏览器窗口的可视区域的高度 7 function getViewPortHeight() { 8

9.5K10
  • JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

    :window.screen.availWidth HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置...else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; //获取窗口高度...(4)再通过深入Document内部对body进行检测,获取窗口大小,并存储在前述两个变量中。 (5)在函数的最后,通过按名称访问表单元素,结果输出至两个文本框。...(6)在JavaScript代码的最后,通过调用findDimensions ( )函数,完成整个操作。

    8.1K30

    JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度(转)

    ,scrollWidth,clientWidth,offsetWidth  scrollHeight: 获取对象的滚动高度。 ...  offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度  offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置...window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; //获取窗口高度...(4)再通过深入Document内部对body进行检测,获取窗口大小,并存储在前述两个变量中。 (5)在函数的最后,通过按名称访问表单元素,结果输出至两个文本框。...(6)在JavaScript代码的最后,通过调用findDimensions ( )函数,完成整个操作。

    16.1K10

    网页|通过geolocation获取地理位置信息

    常见的获取地理位置信息的办法是通过h5提供的地理位置功能(Geolocation API)。 2.Geolocation API 地理位置功能(Geolocation API),能确定用户位置。...success是成功获取位置信息的回调函数,它是方法唯一必须的参数。error是用于捕获获取位置信息出错的情况。...timeout:获取位置的最长等待时间,默认不限时间。maximumAge:接受不超过指定时间毫秒的缓存位置,也就是在重复获取位置时,多长时间之后再次获取位置。...如下就可以获取相应的地理位置:(获取地理位置的等待时间比较长,要耐心等待。由于在运行时就比较心急,一直没等到运行结果出现。误以为是代码错误,改了很久,发现并没有问题,只是运行时间比较长。)...这里就需要调用百度地图的接口,再将获取到的经纬度信息传给地图接口,就可以返回用户所在的地理位置。

    2.1K10

    JavaScript获取高度和宽度

    屏幕分辨率为:screen.width screen.height 屏幕可用大小:screen.availWidth screen.availHeight 网页可见区域宽: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

    3.7K60

    js获取各种高度总结

    在写js的时候偶尔需要获取各种高度,比如;浏览器高度,页面高度,滚动高度等。抽空整理了我自己常用到的,时间仓促,没有考虑到万恶的IE浏览器。。。。...获取屏幕的高度和宽度(屏幕分辨率): window.screen.height window.screen.width 获取屏幕工作区域的高度和宽度(去掉状态栏): window.screen.availHeight...window.screen.availWidth 网页全文的高度和宽度: document.body.scrollHeight document.body.scrollWidth 滚动条卷上去的高度和向右卷的宽度...: document.body.scrollTop document.body.scrollLeft 网页可见区域的高度和宽度(不加边线): document.body.clientHeight document.body.clientWidth...网页可见区域的高度和宽度(加边线): document.body.offsetHeight document.body.offsetWidth

    12.6K20

    Javascript 获取div真实高度

    这中情况通过#div1.style.width拿不到宽度,而通过#div1.offsetWidth才可以获取到宽度。 第二种情况就是宽和高是写在行内中。          ...比如style="width:120px;",这中情况通过上述2个方法都能拿到宽度。...注意如果不是写在行内style中的属性都不能通过id.style.atrr来获取。 现 在的前端制作很少直接把样式写style里了,都是写在样式表里。...原文:http://www.cnblogs.com/zhwl/p/3858682.html 实际测试过程中,发现上面获取真实高度是有问题,其实无论是设置在样式表还是在行内设置,都会获取到你设置的值,如果要获取真实高度...这里还附带其它的获取高度方法 alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度

    5K30

    ClientHeight_offsetheight获取高度不对

    clientHeight:包括padding但不包括border、水平滚动条、margin的元素的高度。对于inline的元素这个属性一直是0,单位px,只读元素。...style.height //返回元素的高度(包括元素高度,不包括内边距、边框和外边距) clientHeight //返回元素的高度(包括元素高度、内边距,不包括边框和外边距) offsetHeight...//返回元素的高度(包括元素高度、内边距和边框,不包括外边距) scrollHeigh //返回元素的高度(包括元素高度、内边距和溢出尺寸,不包括边框和外边距),无溢出的情况,与clientHeight...相同 scrollTop //此属性可以获取或者设置对象的最顶部到对象在当前窗口显示的范围内的顶边的距离,也就是元素滚动条被向下拉动的距离。...offsetTop //返回元素的上外缘距离最近采用定位父元素内壁的距离,如果父元素中没有采用定位的,则是获取上外边缘距离文档内壁的距离。

    3.1K20
    领券