jQuery窗口、文档、网页各种高度的精确理解_jquery

$(document).height():整个网页的高度
$(window).height():浏览器可视窗口的高度
$(window).scrollTop():浏览器可视窗口顶端距离网页顶端的高度(垂直偏移)

用一句话理解就是:当网页滚动条拉到最低端时,$(document).height() == $(window).height() + $(window).scrollTop()。

当网页高度不足浏览器窗口时$(document).height()返回的是$(window).height()。

不建议使用$("html").height()、$("body").height()这样的高度。

原因:

$("body").height():body可能会有边框,获取的高度会比$(document).height()小;
$("html").height():在不同的浏览器上获取的高度的意义会有差异,说白了就是浏览器不兼容。
$(window).height()值有问题,返回的不是浏览器窗口的高度?

时间: 2024-11-03 17:09:53

jQuery窗口、文档、网页各种高度的精确理解_jquery的相关文章

jQuery匹配文档链接并添加class的方法_jquery

本文实例讲述了jQuery匹配文档链接并添加class的方法.分享给大家供大家参考.具体如下: 这里使用jQuery自动发现针对文档的链接并添加class,如doc,xls,pdf文档. $('a[href]').each(function() { if((C = $(this).attr('href').match(/[.](doc|xls|pdf)$/))) { $(this).addClass(C[1]); } }); 希望本文所述对大家的jQuery程序设计有所帮助. 以上是小编为您精心

jquery获取文档高度和窗口高度汇总_jquery

jquery获取窗口高度和窗口高度,$(document).height().$(window).height() $(document).height():整个网页的文档高度 $(window).height():浏览器可视窗口的高度 $(window).scrollTop():浏览器可视窗口顶端距离网页顶端的高度(垂直偏移) $(document.body).height();//浏览器当前窗口文档body的高度 $(document.body).outerHeight(true);//浏览

jquery获取文档高度和窗口高度的例子

jquery获取文档高度和窗口高度,$(document).height().$(window).height() $(document).height():整个网页的文档高度 $(window).height():浏览器可视窗口的高度 $(window).scrollTop():浏览器可视窗口顶端距离网页顶端的高度(垂直偏移) $(document.body).height();//浏览器当前窗口文档body的高度 $(document.body).outerHeight(true);//浏览

jquery如何获取元素的滚动条高度等实现代码_jquery

主要功能: 获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 : $(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 : $(document).width(); 浏览器当前窗口文档body的高度: $(document.body).height(); 浏览器当前窗口文档body的宽度: $(document.body).width(); 获取滚动条到顶部的

jQuery匹配文档链接并添加class的方法

  本文实例讲述了jQuery匹配文档链接并添加class的方法.分享给大家供大家参考.具体如下: 这里使用jQuery自动发现针对文档的链接并添加class,如doc,xls,pdf文档. ? 1 2 3 4 5 $('a[href]').each(function() { if((C = $(this).attr('href').match(/[.](doc|xls|pdf)$/))) { $(this).addClass(C[1]); } }); 希望本文所述对大家的jQuery程序设计有

Word文档网页无法复制保存的解决方法

  无论是学生还是工作的人对查资料都是避无可避的,工作中的一切都需要摸索与学习,有些还需要整理文献资料,对于电脑操作系统中的复制操作都是非常熟悉因为它操作简单方便,无论是左击选中还是使用键盘快捷键,都特别简单,不用一个个打字节省了不少时间.但是win7系统最近对于保存下来的网页,用两种方法均无法复制,一般用户遇到这样的情况只会老老实实打字输入,下面小编就向没有电脑技术基础的用户介绍windows系统Word文档网页被限制无法复制的解决方法. Word文档网页无法复制保存的解决方法 方法一: 1.

jQuery的文档处理程序详解_jquery

本文实例讲述了jQuery的文档处理程序.分享给大家供大家参考,具体如下: jQuery文档处理程序 所谓的文档处理程序,是指jQuery中提供的$(document).ready事件,此事件会在dom加载完毕后触发,而window.onlaod和body.onload都是在页面完全加载后触发. jQuery文档处理程序介绍 在jQuery中想实现在DOM加载完毕后的处理逻辑,只需要使用$(document).ready()事件.此事件函数称为"jQuery文档处理程序". 可以在页面

Word 2010文档表格行高度和列宽度的设置

方法很简单只需要我们在菜单上的布局中就能设置了,具体如下 1.我们先打开word文档,然后我们选中需要操作的表格,如图: 2.之后我们在菜单上点击"表格工具"之后我们点击"布局"选项卡,在"单元格大小"分组中调整"表格行高"数值或"表格列宽"数值,以设置表格行的高度或列的宽度,如图: 好了除了上面方法还有一个办法就是选中表格行然后我们右击在弹出中点击表格属性或行高就可以了

jQuery学习笔记 操作jQuery对象 文档处理_jquery

下面就是一些常用方法,格式为$(selector).方法,其中$(selector)即当前选定元素:   移动元素 方法 描述 append($(selector)) 向当前元素的内部追加内容 appendTo($(selector)) 将当前元素在某元素内部追加.但由于会根据需要对当前元素进行移动,所以jQuery对象更改了,可用end()还原 prepend($(selector)) 向当前元素的内部前置内容 prependTo($(selector)) 将当前元素在某元素内部前置.类似于a