`

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

 

alert(screen.height);//显示器分辨率,只能用JavaScript代码获取

alert(screen.width);
})
</script>

 

 

网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕分辨率的高: window.screen.height
屏幕分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight
屏幕可用工作区宽度: window.screen.availWidth

分享到:
评论

相关推荐

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

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

    jQuery-webcam分辨率640*480

    jQuery webcam plugin是一个兼容各浏览器的摄像头插件,资源根据官网(http://www.xarg.org/project/jquery-webcam-plugin/)下载的源码和网上的Demo做了部分修改,主要解决以下问题:1、修改官方分辨率320*240为640...

    jquery实现浏览器嗅探器特效.zip

    浏览器嗅探器的核心功能在于获取浏览器的相关信息,这包括: 1. **浏览器类型**:通过`navigator.userAgent`属性,我们可以获取到浏览器发送给服务器的用户代理字符串。这个字符串包含了浏览器的名称、版本号以及...

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

    通常情况下,如果需要使用jQuery框架来实现相关功能,可以利用jQuery提供的尺寸获取方法,如$(window).height()和$(window).width()来获取浏览器窗口的可视区域高度和宽度。$(document).height()和$(document).width...

    js获取浏览器高度和宽度值(多浏览器)

    在JavaScript中,获取浏览器的高度和宽度是常见的需求,用于适应不同的屏幕尺寸和实现响应式设计。然而,由于不同浏览器之间的差异,获取这些值的方法并不统一。本文将详细介绍如何在多种浏览器环境下,包括IE、Fire...

    关于获取各种浏览器可见窗口大小

    在前端开发中,经常需要获取浏览器的可见窗口大小以及其他相关信息,以便能够根据不同的设备和浏览器环境来优化网页布局与用户体验。本文将详细解析如何通过JavaScript来获取不同浏览器下的窗口尺寸,并探讨一些特殊...

    JS判断浏览器分辨率调用不同css样式

    ### JS判断浏览器分辨率调用不同CSS样式的实现方法 在Web开发中,为了提供更好的用户体验,根据不同的设备分辨率(屏幕尺寸)应用相应的CSS样式是非常重要的。这种方法有助于优化页面布局、提高加载速度,并确保...

    jQuery文字大小自适应屏幕_调整浏览器屏幕文字大小自适应效果

    "jQuery文字大小自适应屏幕_调整浏览器屏幕文字大小自适应效果"这个主题聚焦于利用jQuery库来实现文本大小根据浏览器窗口尺寸变化而自动调整的功能。jQuery是一个广泛使用的JavaScript库,它简化了JavaScript的DOM...

    js获取浏览器基本信息大全

    在JavaScript中,获取浏览器基本信息是非常常见的需求,这包括浏览器窗口的尺寸、可视区域、滚动位置以及屏幕分辨率等。以下是一些关键知识点的详细说明: 1. **网页可见区域**: - `document.body.clientWidth`:...

    JS,Jquery获取各种屏幕的宽度和高度

    ### JS与jQuery获取屏幕宽度和高度的相关知识点 在前端开发中,经常需要获取用户的屏幕尺寸信息,例如宽度和高度等,这些数据对于响应式设计、布局调整等方面具有重要作用。通过JavaScript(简称JS)和jQuery这两种...

    JQuery坐标定位

    首先,我们来看一下如何使用JQuery获取浏览器的尺寸。这些尺寸包括浏览器窗口的可视区域、文档的高度和宽度以及文档body的高度和宽度等。 1. **浏览器窗口可视区域高度**: ```javascript $(window).height(); `...

    jquery实现浏览器嗅探器特效特效代码

    jQuery提供了一些方便的方法来获取这些信息,如`$.browser`对象(虽然在较新版本中已废弃,但仍然可以通过插件实现)。 在jQuery实现浏览器嗅探器特效时,我们首先需要引入jQuery库。确保在HTML文件中添加以下代码...

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

    在上述代码中,我们首先定义了一个adjust函数,该函数会获取页面中特定元素的引用,并根据当前窗口的宽度和高度计算出相应的尺寸值,然后设置元素的样式。这样,无论窗口大小如何变化,元素的大小都会根据比例自动...

    jQuery苹果IOS虚拟键盘

    在这个项目中,jQuery被用来高效地操作DOM元素,实现键盘组件与输入框的交互。 2. **iOS虚拟键盘**:在iOS设备上,由于触屏特性,用户无法直接使用物理键盘。为此,开发者通常需要创建虚拟键盘以模拟输入功能。此...

    jQuery获取与设置iframe高度的方法

    通过选择器$("#UpdateUserItem")可以选中具有特定ID的iframe元素,然后使用jQuery的“contents()”方法来获取iframe内部的document对象,紧接着使用“find('body')”定位到body元素,最后通过“height()”方法获取该...

    自适应浏览器全屏焦点图

    "自适应浏览器全屏焦点图"正是这种技术的一个实现,它的特点是能够根据用户浏览器窗口的大小自动调整尺寸,保证在不同设备和屏幕分辨率下都能呈现出良好的视觉效果。 一、自适应设计原理 自适应设计是现代网页设计...

    tagator标签输入控件(jQuery),输入文字后按回车键完成输入,支持自动补全,兼容主流浏览器

    tagator控件的自动补全功能基于用户输入的前缀,从预定义的数据集或实时获取的服务器数据中匹配可能的候选标签。这种功能通过提供下拉列表,减少了用户输入错误和时间,提高了输入效率。 ### 响应式设计与浏览器...

    jQuery火箭回到星空顶部效果,顶部为固定导航效果,可根据需求使用,兼容主流浏览器.rar

    "jQuery火箭回到星空顶部效果,顶部为固定导航效果,可根据需求使用,兼容主流浏览器" 这个项目,就是针对这一需求设计的一个创新解决方案。它利用jQuery库,结合精心设计的动画效果,提供了一个既美观又实用的返回...

    jquery-autocomplete 智能提示

    虽然 `jQuery Autocomplete` 对现代浏览器支持良好,但在较旧的浏览器中可能存在兼容性问题。确保测试所有目标浏览器,并考虑使用 polyfill 或其他解决方案来解决不兼容问题。 综上所述,`jQuery Autocomplete` 是...

Global site tag (gtag.js) - Google Analytics