`

JQuery获取浏览器窗口的高度和宽度【转】

js 
阅读更多

<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>

分享到:
评论

相关推荐

    jQuery获取浏览器窗口的宽度和高度

    jQuery获取浏览器窗口的宽度和高度,各个方法的使用效果对比

    JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度

    JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度

    js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码

    获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中,浏览器显示窗口大小只能以下获取: 代码如下复制代码 代码如下:document.body.offsetWidth document.body.offsetHeight在声明了...

    JQuery获取当前屏幕的高度宽度的实现代码

    JQuery获取浏览器窗口宽高,文档宽高的代码,使用jquery的朋友可以参考下。

    jQuery获取页面及个元素高度、宽度的总结——超实用

    下面把jQuery获取页面及个元素高度、宽度的方法汇总,分享给大家。 获取浏览器显示区域(可视区域)的高度 :  代码如下: $(window).height(); 获取浏览器显示区域(可视区域)的宽度 : 代码如下: $(window)....

    jQuery 获取屏幕高度、宽度的简单实现案例

    //浏览器当前窗口可视区域高度 alert&#40;$(document&#41;.height()); //浏览器当前窗口文档的高度 alert&#40;$(document.body&#41;.height());//浏览器当前窗口文档body的高度 alert&#40;$(document.body&#41;....

    js返回top js实时读取浏览器宽度大小 jQuery

    里面包含 js自动实时判断浏览器窗口大小(有拆分出来)的功能,灵活变通下可以变换成多种代码比如双联广告等。 代码小巧注释清晰容易修改……绝对是你想要的。 另外附上平时收集的的多种常用js代码: js实现...

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

    本文主要给大家汇总介绍了了jQuery获取页面及个元素高度、宽度的方法,非常的实用,有需要的...下面的例子是基于jquery的参数与方法来快速获取文档或浏览器可视区域的高度与宽度的代码,希望本例子能给你带来一些帮助。

    jQuery监听浏览器窗口大小的变化实例

    方法一:在标签上加入 onLoad=”” onResize=”” 方法 写上对应的方法即可 方法二:[removed]=function(){///…..} 在方法里面写上对应的代码即可 着两种方法基本都可以解决问题。 [removed] ...

    splash.js:一个插件,它接受 1 个 DOM 元素并根据浏览器窗口的高度(和宽度)调整其高度

    该插件采用 1 个 DOM 元素并根据浏览器窗口的高度(和宽度)调整其高度。 该插件还可以采用 1-2 个其他元素(上方和/或下方),并再次根据这些 1-2 个元素的高度调整中间元素的大小。 它对于非常大的窗口大小特别...

    jQuery实现的模拟弹出窗口功能示例

    本文实例讲述了jQuery实现的模拟弹出窗口功能。分享给大家供大家参考,具体如下: //初始化文档 $(document).ready(); //----------------弹出DIV仿模态窗口开始---------------- var divW; //DIV宽度 var divH; //...

    jquery 弹出窗口,可缩放,可拖拽

    它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现。 完善的接口 它的接口完善,可以轻易与外部程序配合使用。如异步写入消息、控制位置、尺寸、显示与隐藏、关闭等。 细致的体验 ...

    js返回头部,js自动适应浏览器宽度 js自动判断宽高

    里面包含 js自动实时判断浏览器窗口大小(有拆分出来)的功能,灵活变通下可以变换成多种代码比如双联广告等。 代码小巧注释清晰容易修改……绝对是你想要的。 另外附上平时手机的多种常用js代码: js实现段落...

    超实用的jQuery代码段

    全书分为11章,包含网页效果、DOM元素与属性、HTML事件、CSS样式、用户输入自动完成、拖放、图形图像、AJAX、算法、jQuery Mobile应用、浏览器、Cookies等jQuery技术内容,对提高网站开发人员和设计人员的jQuery技术...

    使用jquery中height()方法获取各种高度大全

    代码如下:alert&#40;$(window&#41;.height()); //浏览器当前窗口可视区域高度 alert&#40;$(document&#41;.height()); //浏览器当前窗口文档的... //浏览器当前窗口可视区域宽度 alert&#40;$(document&#41;.width());/

    jQuery响应式导航菜单.zip

    jQuery响应式导航菜单基于jquery-1.8.3.min.js和pgwmenu.min.js制作,三种菜单样式,缩小浏览器窗口宽度菜单自动隐藏效果。

    jQuery全屏滚动分屏代码.zip

    jQuery全屏滚动分屏代码基于jquery-1.11.1.js和jquery.fullPage.js制作,它能够很方便、很轻松的制作出全屏网站。功能:支持鼠标滚动支持前进后退和键盘控制;多个回调函数;支持手机、平板触摸事件;支持CSS3动画;...

    jQuery全屏滚动插件fullPage.js

    比如 iPhone 5C 的介绍页面(查看),QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的,显得更上档次,你可以试试 fullPage.js。 fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏...

Global site tag (gtag.js) - Google Analytics