`

JavaScript 获取浏览器的显示区域大小信息

阅读更多
区域说明  JavaScript Code  
网页可见区域宽  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获取元素文档大小、偏移和位置和滚动条位置的方法集合

    获取浏览器和页面文档的宽度和高度 代码如下: //获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的...

    IE与FF下javascript获取网页及窗口大小的区别详解

    在新定义出来的标准下 document.documentElement.clientHeight在IE和火狐里都能获取正确值,下面一篇文章详细介绍了获取各种浏览器可见窗口大小这方面的差别: [removed]function getInfo(){ var s = “”; s += ...

    JavaScript实现网页加载进度条代码超简单

    首先我们要知道的是,目前没有任何浏览器可以直接获取正在加载对象的大小。所以我们无法通过数据大小来实现0-100%的加载显示过程。 因此我们需要通过html代码逐行加载的特性,在整页代码的若干个跳跃行数中设置节点...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    6.9.htm 用来检测浏览器窗口的实际大小 6.10.htm 可以设置文字大小随窗口大小而改变 6.11.htm 客户端性能检测 6.12.htm 个浏览器按键模拟的示例 第7章(/C07/) 7.1.htm ...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    Viewport不局限于浏览器可视区域的大小,可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小。 媒体查询 CSS媒体查询允许开发者基于浏览网站的设备的特性来应用不同的样式申明,最常用的特性是视口宽度。 ...

    jQuery 图片浏览放大插件 ZoomImage V1.0.rar

    默认: true centered boolean 图片放大后是否在浏览器中心显示。默认: false hideSource boolean 图片放大后是否影藏原微缩图像。默认: false className string 用户自定义的CSS样式名。默认: false。 译者注:false...

    完整版《HTML5高级程序设计》2

    由于上传文件大小限制,只能分为5部分上传,其余部分请在我的资源中找到,下载后共同解压 内容简介  今天,大多数现代浏览器都已经支持HTML5。学习体验HTML5带给Web开发的便捷、快速和强大功能,是每一位Web设计和...

    完整版《HTML5高级程序设计》4

    由于上传文件大小限制,只能分为5部分上传,其余部分请在我的资源中找到,下载后共同解压 内容简介  今天,大多数现代浏览器都已经支持HTML5。学习体验HTML5带给Web开发的便捷、快速和强大功能,是每一位Web设计和...

    完整版《HTML5高级程序设计》5

    由于上传文件大小限制,只能分为5部分上传,其余部分请在我的资源中找到,下载后共同解压 内容简介  今天,大多数现代浏览器都已经支持HTML5。学习体验HTML5带给Web开发的便捷、快速和强大功能,是每一位Web设计和...

    完整版《HTML5高级程序设计》3

    由于上传文件大小限制,只能分为5部分上传,其余部分请在我的资源中找到,下载后共同解压 内容简介  今天,大多数现代浏览器都已经支持HTML5。学习体验HTML5带给Web开发的便捷、快速和强大功能,是每一位Web设计和...

    HTML5高级程序设计.part5

    由于上传文件大小限制,只能分为5部分上传,其余部分请在我的资源中找到,下载后共同解压 内容简介  今天,大多数现代浏览器都已经支持HTML5。学习体验HTML5带给Web开发的便捷、快速和强大功能,是每一位Web设计...

    HTML5高级程序设计.part4

    由于上传文件大小限制,只能分为5部分上传,其余部分请在我的资源中找到,下载后共同解压 内容简介  今天,大多数现代浏览器都已经支持HTML5。学习体验HTML5带给Web开发的便捷、快速和强大功能,是每一位Web设计...

    HTML5高级程序设计.part1

    由于上传文件大小限制,只能分为5部分上传,其余部分请在我的资源中找到,下载后共同解压 内容简介  今天,大多数现代浏览器都已经支持HTML5。学习体验HTML5带给Web开发的便捷、快速和强大功能,是每一位Web设计...

    HTML5高级程序设计.part2

    由于上传文件大小限制,只能分为5部分上传,其余部分请在我的资源中找到,下载后共同解压 内容简介  今天,大多数现代浏览器都已经支持HTML5。学习体验HTML5带给Web开发的便捷、快速和强大功能,是每一位Web设计...

    HTML5高级程序设计.part3

    由于上传文件大小限制,只能分为5部分上传,其余部分请在我的资源中找到,下载后共同解压 内容简介  今天,大多数现代浏览器都已经支持HTML5。学习体验HTML5带给Web开发的便捷、快速和强大功能,是每一位Web设计...

    my-wob-env:代理程序使用OpenAIs Bit of World解决简单浏览器任务的环境

    比特世界包含在浏览器中运行的用Javascript编写的环境。 这些环境是在类似于ATARI的210x160网格上定义的。 前50个像素专用于查询,从而使“游戏区域”的大小为160x160像素。 原始自述文件可以在/world-of-bits/...

    ActionScript开发人员指南中文版

    外部API示例:在ActionScript和Web浏览器中的JavaScript之间进行通信 第章:AIR中的XML签名验证 XML签名验证的基础知识 关于XML签名 实现IURIDereferencer接口 第章:客户端系统环境 客户端系统环境基础知识 使用...

Global site tag (gtag.js) - Google Analytics