Jquery 文档的各种高度和宽度

$(document).ready(function()   {
alert($(window).height()); //浏览器时下窗口可视区域高度
alert($(document).height()); //浏览器时下窗口文档的高度
alert($(document.body).height());//浏览器时下窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度包括border padding margin
alert($(window).width()); //浏览器时下窗口可视区域宽度
alert($(document).width());//浏览器时下窗口文档对于象宽度
alert($(document.body).width());//浏览器时下窗口文档body的高度
alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度包括border padding margin
} )
JQuery的$(window).height()指示的是浏览器窗口的高度; $(document).height();如果文档的内容的高度还不足浏览器的高度的时候,则浏览器窗口的高度<br> 但是当文档点内容高度超过浏览器的高度点时候,则其高度是整个文档的高度。
$(document.body).height() 则指的是文档的实际高度。

不想设置fixed,即使body高度很小也能把底部内容放到底部的方法:文章来源地址https://www.yii666.com/article/754360.html

var h=$(document).height();
$('body').css('height',h);文章地址https://www.yii666.com/article/754360.html网址:yii666.com文章来源地址:https://www.yii666.com/article/754360.html

样式:position:absolute;bottom:10px;

转自:http://www.cnblogs.com/java-boy/archive/2012/07/15/2592386.html网址:yii666.com<

版权声明:本文内容来源于网络,版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。文本页已经标记具体来源原文地址,请点击原文查看来源网址,站内文章以及资源内容站长不承诺其正确性,如侵犯了您的权益,请联系站长如有侵权请联系站长,将立刻删除

Jquery 文档的各种高度和宽度-相关文章

  1. Ext JS 6学习文档-第7章-图表

  2. Ext JS 6学习文档-第6章-高级组件

  3. float的元素脱离文档流,但不完全脱离,只是提升了半层;

  4. Jquery 文档的各种高度和宽度

  5. Sencha Cmd 6 和 Ext JS 6 指南文档(部分官方文档中文翻译)

  6. Effective Java 第三版——56. 为所有已公开的API元素编写文档注释

  7. 如何查看jsplumb.js的API文档(YUIdoc的基本使用)

  8. HTML元素脱离文档流的三种方法

    一、什么是文档流?将窗体自上而下分成一行一行,并在每行中按从左至右依次排放元素,称为文档流,也称为普通流。这个应该不难理解,HTML中全部元素都是盒模型,盒模型占用一定的空间,依次排放在HTML中,形成了文档流。二、什么是脱离文档流?元素脱离文档流之后,

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信图片_20190322181744_03.jpg

微信扫一扫打赏

请作者喝杯咖啡吧~

支付宝扫一扫领取红包,优惠每天领

二维码1

zhifubaohongbao.png

二维码2

zhifubaohongbao2.png