JQuery获取当前荧屏的万丈小幅度的贯彻代码,j
分类:pc28.am

下面是测试代码,记得先引用JQuery库 复制代码 代码如下:

jQuery获取浏览器窗口和文档窗口的高度代码,jquery浏览器窗口

jQuery获取浏览器窗口和文档窗口的高度代码:
本章节介绍一下常用的获取高度的一些代码,这些代码在实际操作中还是比较常见的。
代码列表如下:

 

$(window).height();//浏览器当前窗口可视区域高度
$(document).height();//浏览器当前窗口文档的高度
$(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

 

相关阅读:
1.height()函数可以参阅jQuery的height()方法一章节。 
2.outerHeight()函数可以参阅jQuery的outerHeight()方法一章节。 
3.outerWidth()函数可以参阅jQuery的outerWidth()方法一章节。 
4.width()函数可以参阅jQuery的width()方法一章节。 

原文地址是:

更多内容可以参阅:

JQuery获取当前荧屏的万丈小幅度的贯彻代码,jquery浏览器窗口。 

jQuery获取浏览器窗口和文档窗口的高度代码: 本章节介绍一下常用的获取高度...

复制代码 代码如下:

获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中,浏览器显示窗口大小只能以下获取:代码如下复制代码 复制代码 代码如下:document.body.offsetWidth document.body.offsetHeight在声明了DOCTYPE的浏览器中,可以用以下来获取浏览器显示窗口大小:代码如下复制代码复制代码 代码如下:document.documentElement.clientWidth document.documentElement.clientHeightIE,FF,Safari皆支持该方法,opera虽支持该属性,但是返回的是页面尺寸;同时,除了IE以外的所有浏览器都将此信息保存在window对象中,可以用以下获取:代码如下复制代码 复制代码 代码如下:window.innerWidth window.innerHeight整个网页尺寸一般获得方法代码如下复制代码复制代码 代码如下:document.body.scrollWidth document.body.scrollHeight屏幕分辨率高度一般获得方法代码如下复制代码 复制代码 代码如下:window.screen.height window.screen.width总结一下实例复制代码 代码如下:function getViewSizeWithoutScrollbar(){//不包含滚动条 return { width : document.documentElement.clientWidth, height: document.documentElement.clientHeight } } function getViewSizeWithScrollbar(){//包含滚动条 if{ return { width : window.innerWidth, height: window.innerHeight } }else if(document.documentElement.offsetWidth == document.documentElement.clientWidth){ return { width : document.documentElement.offsetWidth, height: document.documentElement.offsetHeight } }else{ return { width : document.documentElement.clientWidth getScrollWith(), height: document.documentElement.clientHeight getScrollWith() } } }IE,FireFox 差异如下:IE6.0、FF1.06 :复制代码 代码如下:clientWidth = width padding clientHeight = height padding offsetWidth = width padding border offsetHeight = height padding border IE5.0/5.5: clientWidth = width - border clientHeight = height - border offsetWidth = width offsetHeight = height另附个人最常用的获取整页宽高的方法代码如下复制代码复制代码 代码如下:$ < $ ? $ : $; $ < $ ? $ : $;alert; //浏览器时下窗口可视区域高度alert; //浏览器时下窗口文档的高度alert.height;//浏览器时下窗口文档body的高度alert.outerHeight;//浏览器时下窗口文档body的总高度 包括border padding marginalert; //浏览器时下窗口可视区域宽度alert;//浏览器时下窗口文档对于象宽度alert.width;//浏览器时下窗口文档body的高度alert.outerWidth;//浏览器时下窗口文档body的总宽度 包括border padding marginalert.scrollTop; //获取滚动条到顶部的垂直高度alert.scrollLeft; //获取滚动条到左边的垂直宽度

Firefox下:

<script type="text/javascript">
$(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
}
)
</script>

IE下:

您可能感兴趣的文章:

  • jquery实现动态改变div宽度和高度
  • jquery动态改变div宽度和高度
  • 基于jQuery实现左右div自适应高度完全相同的代码
  • js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
  • js和jquery如何获取图片真实的宽度和高度
  • JS和jquery获取各种屏幕的宽度和高度的代码
  • 使用jquery获取网页中图片高度的两种方法
  • JQuery获取各种宽度、高度(format函数)实例
  • JQuery获取浏览器窗口内容部分高度的代码
  • jQuery获取页面及个元素高度、宽度的总结——超实用
  • jquery实现在页面加载完毕后获取图片高度或宽度
  • jquery获取文档高度和窗口高度汇总
  • jQuery实现获取隐藏div高度的方法示例

可以发现它获取的却是是窗口的内容部分高度,而不是浏览器窗口的高度。Oh Yeah!

本文由pc28.am发布于pc28.am,转载请注明出处:JQuery获取当前荧屏的万丈小幅度的贯彻代码,j

上一篇:心得笔记,jQuery学习笔记之控制页面实现代码 下一篇:没有了
猜你喜欢
热门排行
精彩图文