首页 > 其他分享 >js得到当前窗口内的宽度和高度

js得到当前窗口内的宽度和高度

时间:2023-02-19 22:34:14浏览次数:41  
标签:body 窗口 screen js window 宽度 网页 屏幕 document

var s = "";  
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
s += "\r\n网页可见区域宽:"+ document.body.offsetWidth +" (包括边线和滚动条的宽)";
s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
s += "\r\n网页被卷去的高:"+ document.body.scrollTop;
s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
s += "\r\n网页正文部分上:"+ window.screenTop;
s += "\r\n网页正文部分左:"+ window.screenLeft;
s += "\r\n屏幕分辨率的高:"+ window.screen.height;
s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
alert(s);

标签:body,窗口,screen,js,window,宽度,网页,屏幕,document
From: https://blog.51cto.com/u_21817/6066910

相关文章

  • JS字符串和json转换
    <head><scriptsrc="jquery-1.8.0.min.js"type="text/javascript"></script><scriptsrc="jquery.json-2.4.js"type="text/javascript"></script></head>varst......
  • JS 差集
    <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="zh"lang="zh"dir="ltr"><scripttype="text/javascript">vararr1=[1,3,4,5,6,7,8];var......
  • JS取queryString
    String.prototype.GetValue=function(para){varreg=newRegExp("(^|&)"+para+"=([^&]*)(&|$)");varr=this.substr(this.indexOf("\?")+1).match(re......
  • Day 13 第五章 栈与队列 |239. 滑动窗口最大值
    239. 滑动窗口最大值题目链接:https://leetcode.cn/problems/sliding-window-maximum/看到题目的第一个想法:想到的使用暴力法把每一种情况给算出来,但是显然这样会超时......
  • jsp开发基础
    1、什么时动态网页?指的是能够通过不同的操作返回不同的功能及数据,具有交互功能。常见的开发模式:B/S架构:游览器和服务器C/S架构:客户端和服务器B/S架构的执行原理:基于......
  • 前端require.js的基本用法
    require.js是一个js脚本加载器(模块化加载),它遵循AMD(AsynchronousModuleDefinition)规范,实现js脚本的异步加载,不阻塞页面的渲染和其后的脚本的执行,并提供了在加载完成之后......
  • 基于jsplumb构建的流程设计器
    项目背景最近在准备开发工作流引擎相关模块,完成表结构设计后开始着手流程设计器的技术选型,调研了众多开源项目后决定基于jsplumb.js开源库进行自研开发,保证定制化的便捷性,......
  • 基于jsplumb构建的流程设计器
    项目背景最近在准备开发工作流引擎相关模块,完成表结构设计后开始着手流程设计器的技术选型,调研了众多开源项目后决定基于jsplumb.js开源库进行自研开发,保证定制化的便捷性......
  • 浅谈单调队列解决滑动窗口问题
    这次我们了解一下滑动窗口的问题首先,让我们了解一下滑动窗口是什么?这里有一张图(来自POJ),解释了滑动窗口的意思:我们可以看见,一个长度固定为3的框(窗口)从左端点移动到右......
  • js performance checker All In One
    jsperformancecheckerAllInOnejs性能检测console.timeconsole.timeLogconsole.timeEndconsole.time(`⏰performance`);for(leti=0;i<10**3;......