JS获取当前对象大小以及屏幕分辨率等

这些天用JS调界面,就在网络上搜索了一些关于获取当前窗口对象大小的写法.记录一下~

JS获取大小各参数
<script>
function getInfo()
{
var s = "";
s
+= " 网页可见区域宽:"+ document.body.clientWidth;
s
+= " 网页可见区域高:"+ document.body.clientHeight;
s
+= " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)";
s
+= " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)";
s
+= " 网页正文全文宽:"+ document.body.scrollWidth;
s
+= " 网页正文全文高:"+ document.body.scrollHeight;
s
+= " 网页被卷去的高(ff):"+ document.body.scrollTop;
s
+= " 网页被卷去的高(ie):"+ document.documentElement.scrollTop;
s
+= " 网页被卷去的左:"+ document.body.scrollLeft;
s
+= " 网页正文部分上:"+ window.screenTop;
s
+= " 网页正文部分左:"+ window.screenLeft;
s
+= " 屏幕分辨率的高:"+ window.screen.height;
s
+= " 屏幕分辨率的宽:"+ window.screen.width;
s
+= " 屏幕可用工作区高度:"+ window.screen.availHeight;
s
+= " 屏幕可用工作区宽度:"+ window.screen.availWidth;
s
+= " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s
+= " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
alert (s);
}
getInfo();
</script>

 

还有一张比较明了的图:

 

 

转载于:https://www.cnblogs.com/KenBlove/articles/1338947.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/407114.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

有了JSON.stringify(),处理json将变得更简单!!

之前处理json 需要拼接json字符串&#xff0c;但是&#xff0c;如果用上JSON.stringify()的话&#xff0c;忘了json语法以没关系了.....1 {2 ViewBag.Title "GetStr";3 }4 5 <html>6 <head>7 <title> </title>8 &l…

CSS之七个高度有效的媒体查询技巧

我们都知道&#xff0c;Media Queries是实现响应式设计的秘密武器。在这篇文章中&#xff0c;将向大家介绍制定高质量的Media Queries需要注意的一些事项 1. 让内容确定断点 很多时候&#xff0c;在响应式设计中&#xff0c;你经常看到的断点值是&#xff1a;320px、480px、7…

vue项目使用.env文件配置全局环境变量

关于文件名&#xff1a;必须以如下方式命名&#xff0c;不要乱起名&#xff0c;也无需专门手动控制加载哪个文件 .env 全局默认配置文件&#xff0c;不论什么环境都会加载合并 .env.development 开发环境下的配置文件 .env.production 生产环境下的配置文件 关于文件内容&a…

[转]C# WInForm 无框窗体移动

本文转自&#xff1a;http://hi.baidu.com/yore2003/blog/item/f385df22377156f5d6cae239.html调用APIusing System.Runtime.InteropServices; [DllImport("user32.dll")] public static extern bool ReleaseCapture(); [DllImport("user32.dll"…

在HTML网页中使用ActiveX控件

From: http://blog.163.com/haizai219126/blog/static/4441255520097264447968/ 1. 摘要&#xff1a; 在企业应用中&#xff0c;为了实现一些特殊的功能&#xff0c;如播放自有协议的视频&#xff0c;我们需要在传统的HTML网页中插入ActiveX控件&#xff0c;由ActiveX控件来满足…

Oracle 安装 检查操作系统版本 必须是 5.0 5.1 的解决办法

打开 oraparam.ini文件 添加红色部分 Windows5.1,5.2,6.1 最下面添加 [Windows-6.1-required]#Minimum display colours for OUI to runMIN_DISPLAY_COLORS256#Minimum CPU speed required for OUI#CPU300转载于:https://www.cnblogs.com/lvlv/p/3997987.html

CSS之深入理解 flex 布局以及计算

起因&#xff1a;对于Flex布局&#xff0c;阅读了大漠老师和其他老师写的文章后&#xff0c;我还是不太理解Flexbox是如何弹性的计算子级项目的大小以及一些其他细节。在大漠老师的帮助下&#xff0c;我去查阅Flexbox 的 W3C 规范文档 1. 对于flex盒模型的设计期望&#xff1a…

怎么把OCX打包成cab文件

From: http://blog.csdn.net/ghlfllz/article/details/5931402 生成TesterOCX.inf&#xff0c;输入如下内容&#xff1a; [version] signature"$CHICAGO$" AdvancedINF2.0 [Add.Code] TesterOCX.ocxTesterOCX.ocx [TesterOCX.ocx] file-win32-x86thiscab clsid{FED70…

IBM副总裁自述的数据中心简化经验

2008年11月19日&#xff0c;IBM在北京隆重举行了以“开启企业基础架构创新之旅&#xff0c;体验全新企业级数据中心”为主题的IBM 2008企业基础架构创新峰会。51CTO.com记者程鸿应邀参加了此次峰会。在此次峰会上&#xff0c;IBM全新企业级数据中心副总裁Elaine Lennox女士、IB…

vue中有关.env;.env.development,.env.production的相关介绍

1&#xff0c;关于文件名&#xff1a;必须以如下方式命名&#xff0c;不要乱起名&#xff0c;也无需专门手动控制加载哪个文件 .env 全局默认配置文件&#xff0c;不论什么环境都会加载合并 .env.development 开发环境下的配置文件 .env.production 生产环境下的配置文件 2…

Shell编程入门(第二版)(中)

变量测试语句-test作用&#xff1a;用来测试变量是否相等&#xff0c;是否为空&#xff0c;文件类型等。格式&#xff1a;test 测试条件 或 [] #范围&#xff1a;整数&#xff0c;字符串&#xff0c;文件 1&#xff09;整数测试: test int1 -eq int2 测试整数是否相等 test i…

CSS之中间固定两边自适应宽度

第一种&#xff1a;浮动布局实现 HTML&#xff1a; 这种方法我利用的就是浮动原理&#xff0c;左右定宽度分别进行左浮动和右浮动&#xff0c;此时主内容列&#xff08;中间列没有定度&#xff09;主会自动插入到左右两列的中间&#xff0c;最要注意的一点是&#xff0c;中间列…

将ocx和DLL文件打包成cab文件,inf的编写

From: http://icrwen.iteye.com/blog/1118766 http://blog.csdn.net/yimiyangguang1314/article/details/6563540 将ocx和DLL文件打包成cab文件&#xff0c;实现IE浏览器在线安装 分类&#xff1a; Windows应用2010-03-25 18:36 2722人阅读 评论(14) 收藏 举报我们打开淘宝等网…

用ADOQuery创建SQL Server数据库,并创建表结构、存储过程和视图

昨天做系统的安装&#xff0c;搞这个搞到头大&#xff0c;现在把总结写下巴。 PS&#xff1a;贴上来代码的缩进就乱掉了 用SQL Server企业管理器导出的SQL文件是不能直接在ADOQuery里用的&#xff0c;因为ADOQuery不支持GO&#xff0c;不支持注释&#xff0c;视图和存储过程的创…

Linux Shell 中 > 和 >> 的异同点和应用场景

和 >> 的异同点 举例说明&#xff08;start.sh 为某个服务的启动脚本&#xff0c;start.log 为某服务的日志文件&#xff09;&#xff1a; nohup sh start.sh >/var/log/start.log & nohup sh start.sh >>/var/log/start.log &1、相同点 上面两种写法&…

自己动手写简单的web应用服务器(1)—tcp通信

1.socket简介: socket通常称作"套接字"&#xff0c;用于描述IP地址和端口&#xff0c;是一个通信链的句柄。在Internet上的主机一般运行了多个服务软件&#xff0c;同时提供几种服务。每种服务都打开一个socket&#xff0c;并绑定在一个端口上&#xff0c;不同的端口…

Taro+react开发(35) 实现拖动

<View><ScrollViewclassName"scrollview"scrollYscrollWithAnimationscrollTop{scrollTop}style{scrollStyle}lowerThreshold{Threshold}upperThreshold{Threshold}onScrollToUpper{this.onScrollToUpper.bind(this)} // 使用箭头函数的时候 可以这样写 onS…

CSS之左定宽度右自适应宽度并且等高布局

一、两列布局&#xff1a;左边固定宽度&#xff0c;右边自适应宽度 方法1&#xff1a;浮动布局 采用的是左边浮动&#xff0c;右边加上一个margin-left值&#xff0c;让他实现左边固定&#xff0c;右边自适应的布局效果 HTML: CSS: 上面这种实现方法最关键之处就是自适应宽度…