lzth.net
当前位置:首页 >> jquEry怎么获取屏幕高度 >>

jquEry怎么获取屏幕高度

<li>alert($(window).height()); //浏览器当前窗口可视区域高度 <br><li>alert($(document).height()); //浏览器当前窗口文档的高度 <br><li>alert($(document.body).height());//浏览器当前窗口文档body的高度 <br><li>alert($(document.body).outerHeight(

jQuery 获取屏幕高度、宽度做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下.alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());

在ajax执行之后再获取一下页面内容的高度,如果使用的是jquery的ajax,提供了回调函数,$.ajax({ success: function(){ //这里写代码 };});

$(window).width();$(window).height();严格来说,获取window才对

$(window).height();//是文档窗口高度 $("div").offset().top//是标签距离顶部高度(没有到下面的距离,比如$("div").offset().down)$("div").offset().left//是

把调整高度的代码写成个函数,页面加载的时候调用一遍,还需要把函数绑定到$(window).resize()事件上,这样就解决了页面初始状态和放大缩小时获取窗口高宽问题.

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

$(window).height();//是文档窗口高度 $("div").offset().top//是标签距离顶部高度(没有到下面的距离,比如$("div").offset().down)$("div").offset().left//是标签距离右边高度(没有到下面的距离,比如$("div").offset().right)

window.outerHeight 窗口总高度 和window.screen.availHeight一样window.innerHeight 窗口可视区域高度window.screen.height 显示器屏幕高度另外:jquery获取高度$(".thisCrumbs").height()元素本身高度$(".thisCrumbs").innerHeight()元素高度+内边距$(".thisCrumbs").outerHeight()元素高度+内边距+边框$(".thisCrumbs").outerHeight(true)元素高度+内边距+边框+外边距

jQuery的api文档中有列出来,获取网页的滚动高度用方法:scrollTop() 即可.注意:要获取网页的滚动高度,兼容所有浏览器的写法是获取window对象然后调用scrollTop()函数.简单示例:alert($(window).scrollTop());jQuery的api文档目录翻译见:

网站首页 | 网站地图
All rights reserved Powered by www.lzth.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com