jquery方法获取各种宽高大全
2017-10-17 15:03
211 查看
jquery获取窗口高度和窗口高度,$(document).height()、$(window).height()
$(document).height():整个网页的文档高度
$(window).height():浏览器可视窗口的高度
$(window).scrollTop():浏览器可视窗口顶端距离网页顶端的高度(垂直偏移)
$(document.body).height();//浏览器当前窗口文档body的高度
$(document.body).outerHeight(true);//浏览器当前窗口文档body的总高度 包括border padding margin
$(window).width(); //浏览器当前窗口可视区域宽度
$(document).width();//浏览器当前窗口文档对象宽度
$(document.body).width();//浏览器当前窗口文档body的高度
$(document.body).outerWidth(true);//浏览器当前窗口文档body的总宽度 包括border padding margin
$("#id").offset().top;//获取id离文档顶部的距离
$("#id").offset().left;//获取id离文档左边的距离
当网页滚动条拉到最低端时,$(document).height() == $(window).height() + $(window).scrollTop()。
当网页高度不足浏览器窗口时$(document).height()返回的是$(window).height()。
不建议使用$("html").height()、$("body").height()这样的高度。
原因:$("body").height():body可能会有边框,获取的高度会比$(document).height()小;
$("html").height():在不同的浏览器上获取的高度的意义会有差异,说白了就是浏览器不兼容。
$(document).height():整个网页的文档高度
$(window).height():浏览器可视窗口的高度
$(window).scrollTop():浏览器可视窗口顶端距离网页顶端的高度(垂直偏移)
$(document.body).height();//浏览器当前窗口文档body的高度
$(document.body).outerHeight(true);//浏览器当前窗口文档body的总高度 包括border padding margin
$(window).width(); //浏览器当前窗口可视区域宽度
$(document).width();//浏览器当前窗口文档对象宽度
$(document.body).width();//浏览器当前窗口文档body的高度
$(document.body).outerWidth(true);//浏览器当前窗口文档body的总宽度 包括border padding margin
$("#id").offset().top;//获取id离文档顶部的距离
$("#id").offset().left;//获取id离文档左边的距离
当网页滚动条拉到最低端时,$(document).height() == $(window).height() + $(window).scrollTop()。
当网页高度不足浏览器窗口时$(document).height()返回的是$(window).height()。
不建议使用$("html").height()、$("body").height()这样的高度。
原因:$("body").height():body可能会有边框,获取的高度会比$(document).height()小;
$("html").height():在不同的浏览器上获取的高度的意义会有差异,说白了就是浏览器不兼容。
相关文章推荐
- Jquery中的$.each获取各种返回类型数据的使用方法
- 关于Jquery中的$.each获取各种返回类型数据的使用方法
- select各种获取值设置值得方法 js和jquery
- jquery获取对象的方法足以应付常见的各种类型的对象
- Jquery中的$.each获取各种返回类型数据的使用方法
- 使用jquery中width()\height()方法获取各种宽高度大全
- jQuery获取及设置表单input各种类型值的方法小结
- jquery获取对象的方法足以应付常见的各种类型的对象
- 关于Jquery中的$.each获取各种返回类型数据的使用方法
- 使用jquery中height()方法获取各种高度大全
- 《Javascript、jQuery获取各种屏幕的宽度和高度方法》
- 使用jquery中height()方法获取各种高度大全
- jQuery获取各种宽高的方法
- 使用jquery中height()方法获取各种高度大全
- jquery获取对象的方法足以应付常见的各种类型的对象
- MFC中获取各种类指针的方法
- java 工程获取路径 web根目录。 项目classpath根目录 各种实用方法
- Request的RawUrl属性,和其它获取url信息的各种方法比较
- jquery 父、子页面之间页面元素的获取,方法的调用:
- Request 获取url信息的各种方法比较