`

Jquery获取浏览器宽高的代码:

阅读更多

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 获取浏览器窗口的宽度和高度,并对比不同方法的使用效果。 首先,`$(window).height()` 和 `$(window).width()` 是用来获取浏览器当前窗口可视区域的高度和宽度,也就是用户在...

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

    IE中,浏览器显示窗口大小只能以下获取: 代码如下复制代码 代码如下:document.body.offsetWidth document.body.offsetHeight在声明了DOCTYPE的浏览器中,可以用以下来获取浏览器显示窗口大小: 代码如下复制代码 ...

    重新封装的JQuery获取浏览器信息的代码

    ### 重新封装的JQuery获取浏览器信息的代码 在Web开发中,经常需要根据用户的浏览器类型及版本来调整页面的表现形式或功能实现方式。本文将详细介绍一个使用JQuery封装的函数,该函数能够准确地获取并返回用户所...

    jquery 调用浏览器打印功能

    而“jQuery 调用浏览器打印功能”是利用 jQuery 实现的一种方法,允许用户通过点击按钮或执行特定操作来触发浏览器的打印功能,从而打印网页内容。在描述中提到了 jqPrint 插件,这是一个专门用于打印 jQuery 对象...

    JQuery获取浏览器窗口内容部分高度的代码

    从给定的文件内容中,我们可以看到一段示例代码,这段代码展示了如何使用JQuery获取浏览器窗口内容部分的高度: ```javascript $(document).ready( function() { var h = $(window).height(); alert(h); }); ``...

    jquery 360浏览器猜你喜欢悬浮代码

    本篇文章将详细讲解如何利用jQuery实现360浏览器中的“猜你喜欢”悬浮代码,以及与浏览器兼容性相关的重要知识点。 首先,jQuery的核心理念是“Write Less, Do More”,它的API设计简洁且功能强大。在360浏览器中...

    jQuery自适应浏览器图片切换代码.zip

    本资源“jQuery自适应浏览器图片切换代码”提供了一种使用jQuery库实现的解决方案,它能自动适应不同浏览器和屏幕尺寸,确保在各种设备上都能呈现出良好的视觉效果。 首先,我们需要了解jQuery,这是一个广泛使用的...

    jQuery判断浏览器版本过低提示代码

    这个函数通过分析`navigator.userAgent`获取浏览器类型和版本,并与预设的最小支持版本进行比较。如果浏览器版本低于最小值,则调用`showUpgradeMessage`函数显示提示信息。 `showUpgradeMessage`可以设计为弹出一...

    jQuery判断浏览器版本及鉴别浏览器类型代码.rar

    首先,让我们了解一下如何通过jQuery来获取浏览器的信息: 1. **浏览器类型识别**: jQuery的核心对象`$.browser`(在jQuery 1.9及以后的版本中已废弃,但可以通过jQuery Migrate插件恢复)可以用来检测浏览器类型...

    jquery高仿浏览器新建标签页网址缩略图导航特效代码

    总的来说,"jquery高仿浏览器新建标签页网址缩略图导航特效代码"是一个结合了jQuery特性和前端设计技巧的项目,它展示了如何用JavaScript动态地构建一个高度仿真的浏览器标签页系统,提供了一种提升网页应用用户体验...

    Jquery实现浏览器嗅探器特效

    本教程将详细讲解如何利用jQuery实现一个浏览器嗅探器特效,帮助开发者识别用户正在使用的浏览器类型、内核版本以及设备的基础信息。 首先,要实现浏览器嗅探器,我们需要理解jQuery中的`navigator`对象。这个对象...

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

    本文将详细介绍如何使用jQuery获取浏览器中的分辨率,并探讨相关的JavaScript方法。 首先,jQuery提供了`$(window).height()`和`$(window).width()`方法,它们分别返回浏览器当前窗口的可视区域高度和宽度。这意味...

    jQuery自动适应高度布局代码.zip

    "jQuery自动适应高度布局代码.zip"文件包含了实现这一功能的示例代码,我们可以深入探讨其工作原理和使用方法。 首先,jQuery是一个轻量级的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画以及Ajax...

    jquery判断浏览器版本过低代码.zip

    在 `jQuery` 1.8 及更早版本中,`$.browser` 插件可以帮助我们获取浏览器信息,而 `$.support` 可以检测浏览器对特定特性的支持情况。例如,检测是否为旧版 IE: ```javascript // 这部分代码仅适用于 jQuery ...

    清除Jquery缓存

    这意味着,每次使用jQuery发起Ajax请求时,浏览器都会强制从服务器获取最新数据,而不是使用本地缓存中的数据。 #### 实现原理 当浏览器接收到带有`cache`属性为`false`的请求时,会自动添加一个随机的查询字符串...

    javascript获取浏览器类型和版本的方法(js获取浏览器版本).docx

    JavaScript 获取浏览器类型和版本的方法 浏览器类型和版本是 web 开发中非常重要的信息,许多web应用程序需要根据浏览器类型和版本来进行相应的处理。JavaScript 提供了多种方法来获取浏览器类型和版本,本文将介绍...

    jQuery 获取屏幕高度和宽度

    本文将详细讲解如何使用jQuery获取屏幕的高度和宽度,这对于创建响应式网页设计或者根据屏幕尺寸调整元素布局至关重要。 首先,我们需要了解什么是屏幕高度和宽度。屏幕高度是指浏览器窗口可视区域的垂直尺寸,而...

    【Jquery经典特效18】jQuery自适应宽度跟高度相册代码

    例如,可以使用`$(window).width()`获取当前窗口宽度,再根据图片的原始宽高比调整其高度。 5. **动画效果**: - jQuery提供了丰富的动画效果,如`.fadeIn()`和`.fadeOut()`,可以用来创建平滑的图片切换效果。...

    jQuery右下角pop弹窗漂浮广告代码,兼容主流浏览器.rar

    jQuery库本身已经处理了许多浏览器兼容性问题,但仍然需要注意使用最新的jQuery版本,以获取更好的兼容性和性能。 此外,对于一些老旧浏览器,如IE8及以下版本,可能需要额外的polyfill库(如Modernizr)来提供对...

Global site tag (gtag.js) - Google Analytics