`
xiaoboss
  • 浏览: 642272 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

JQuery获取浏览器窗口宽高,文档宽高

阅读更多

<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获取文档高度和窗口高度汇总

    jquery获取窗口高度和窗口高度,$(document).height()、$(window).height() $(document).height():整个网页的文档高度 $(window).height():浏览器可视窗口的高度 $(window).scrollTop():浏览器可视窗口顶端...

    jQuery获取浏览器中的分辨率实现代码

    代码如下: [removed] $(document).ready(function(){ alert&#40;$(window&#41;.height()); //浏览器当前窗口可视区域高度 alert&#40;...//浏览器当前窗口文档body的总高度 包括border padding margin alert($

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

    下面把jQuery获取页面及个元素高度、宽度的方法汇总,分享给大家。...浏览器当前窗口文档body的高度:  代码如下: $(document.body).height(); 浏览器当前窗口文档body的宽度: 代码如下: $(do

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

    //浏览器当前窗口文档的高度 alert&#40;$(document.body&#41;.height());//浏览器当前窗口文档body的高度 alert&#40;$(document.body&#41;.outerHeight(true));//浏览器当前窗口文档body的总高度 包括border ...

    JavaScript与JQUERY获取元素的宽、高和位置

    ele.getBoundingClientRect():获取一个元素相对于浏览器视口的的坐标(无论父元素定位与否),返回一个Object对象,该对象有6个属性:top/left/right/bottom/width/height。几乎所有浏览器都支持该方法。jQuery中...

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

    主要帮助大家快速理解jQuery浏览器窗口、网页文档及可视窗口的各种高度,需要的朋友可以参考下

    JQuery EasyUI 1.0.5 离线文档

    jQuery EasyUI 1.0.5在menu组件上增加了一个href属性,改属性允许用户在同一个浏览器窗口内展示不同的页面 3. jQuery EasyUI 1.0.5增加了validatebox组件的的校验器。 4. jQuery EasyUI 1.0.5改进了dialog组件,...

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

    主要介绍了使用jquery中height()方法获取各种高度大全,比如浏览器高度、可视窗口高度、文档高度等,需要的朋友可以参考下

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

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

    deskible:为您的浏览器设置 jQuery 窗口管理器

    将这些“WEB 窗口”放在同一个浏览器窗口中,会给用户带来更加熟悉和舒适的体验。 去做 更新示例页面并将所有文档添加到其中 将“左”和“右”添加到任务栏位置 添加方法添加到开始菜单按钮栏 测试选项卡和任务滚动...

    浅谈jQuery页面的滚动位置scrollTop、scrollLeft

    Web页面常常比显示该页面的浏览器窗口还要大,因为Web文档具有很多内容,往往会导致页面比浏览器还要高,有时候甚至还要宽,这迫使访问者通过滚动来查看整个页面(如图10-8所示)。当访问者滚动页面的时候,一部分...

    可以自动控制网页操作的浏览器MutouBrowser(Pro).rar

    木头多功能浏览器(专业版)可以生成自动刷新网页监控网页局部内容变化、网页自动点击、自动批量填写表单等功能。...12、浏览器自动执行自定义javascript或jquery代码。 13、可以完成复杂的网页自动控制流程。

    jQuery百度地图自定义标注信息代码.zip

    jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令...

    jquery.smartbox:基于jquery的插入层插件。官方文档:http:smartbox.huangsw.comcnintroduce.html

    浏览器兼容性:兼容IE6 +,Chrome,Firefox,Edge,Safari,Opera等主流浏览器。 jquery版本要求:jquery1.5.1 + 官方文档 变更纪录 2016-09-27 支持iframe 支持多种优点 2016-09-24 支持拖拽功能 去做 禁止滚动 弹...

    WebIM是一款基于jQuery的一款web即时通讯插件

    WebIM是一款基于jQuery的一款web即时通讯插件,姑且这么称呼吧。插件最大程度实现了IM的常用功能,除即时通讯的常用功能外,还加入了:消息盒子、窗口抖动、添加删除好友、最近联系人、超时登录界面、网站小秘书、...

Global site tag (gtag.js) - Google Analytics