jquery获取文档高度和窗口高度问题
2015-10-13 16:43
766 查看
$(document).height():整个网页的文档高度
$(window).height():浏览器可视窗口的高度
经过测试
无论是窗口高度还是文档高度 ,其实值是相等的。都会随着浏览器窗口的缩放而变化,
注意:
IE8下面 获取到的$(document).height()文档高度值,比实际高度多4px。
比如获取的是768px。 则文档的实际高度是764px.如果里面放的元素高度超过764px,则出现右侧滚动条。
$(window).height()获取高度没这问题是实际高度。
切记
演示
$(window).height():浏览器可视窗口的高度
经过测试
无论是窗口高度还是文档高度 ,其实值是相等的。都会随着浏览器窗口的缩放而变化,
注意:
IE8下面 获取到的$(document).height()文档高度值,比实际高度多4px。
比如获取的是768px。 则文档的实际高度是764px.如果里面放的元素高度超过764px,则出现右侧滚动条。
$(window).height()获取高度没这问题是实际高度。
切记
$(function(){ var docH=$(document).height(); var winH=$(window).height(); alert(docH+'\n'+winH); });
演示
相关文章推荐
- JQuery 学习总结及实例
- jquery 中 $.map 的使用方法
- 学习小笔记---jquery(部分)
- 如何在HTML中引用jQuery函数库
- jQuery-autoComplete实例
- jQuery-autoComplete实例
- jQuery-autoComplete实例
- jquery 评分插件 juqer raty
- jquery easyui 输入框 禁止输入负数 设置属性data-options="min:0,required:true"
- jquery attr()和css()的区别
- jquery.validate验证表单,自己的js提交数据,返回json
- 解决easyui 1.2.4+jQuery1.6的dialog无法刷新的问题
- jQuery源码分析之prop和removeProp方法
- Jquery mobile动态修改header后无法渲染样式的问题解决
- jquery.lazyload实现延迟加载
- jquery插件开发笔记
- jquery checkbox 验证
- jQuery插件开发 - 其实很简单
- jQuery源码分析之removeAttr方法和attr方法
- jquery的几种元素插入方法