JS获取终端屏幕、浏览窗口的相关信息
查看终端屏幕相关信息，在windows系统的控制面板可以查到分辨率且可以设置，更具体的浏览器可视窗口等信息则需要借助其他工具。而在程序里需要动态获取时该怎么做呢？
琢磨的一个js方法，供大家参考。如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS获取浏览器宽度</title>
</head>
<body onload="getInfos()">
</body>
<script>
function getInfos() {
document.write(
"<h3>浏览器窗口信息如下: </h3>" +
"屏幕分辨率为：" + screen.width + "*" + screen.height
+ "<br />" +
"屏幕可用大小：" + screen.availWidth + "*" + screen.availHeight
+ "<br />" +
"网页可见区域宽：" + document.body.clientWidth
+ "<br />" +
"网页可见区域高：" + document.body.clientHeight
+ "<br />" +
"网页可见区域宽(含边线宽)：" + document.body.offsetWidth
+ "<br />" +
"网页可见区域高(含边线宽)：" + document.body.offsetHeight
+ "<br />" +
"网页正文全文宽：" + document.body.scrollWidth
+ "<br />" +
"网页正文全文高：" + document.body.scrollHeight
+ "<br />" +
"网页被卷去的高：" + document.body.scrollTop
+ "<br />" +
"网页被卷去的左：" + document.body.scrollLeft
+ "<br />" +
"网页正文部分上：" + window.screenTop
+ "<br />" +
"网页正文部分左：" + window.screenLeft
+ "<br />" +
"屏幕分辨率的高：" + window.screen.height
+ "<br />" +
"屏幕分辨率的宽：" + window.screen.width
+ "<br />" +
"屏幕可用工作区高度：" + window.screen.availHeight
+ "<br />" +
"屏幕可用工作区宽度：" + window.screen.availWidth
);
}
</script>
</html>
剩下的就是计算了，you try~
JS获取终端屏幕、浏览窗口的相关信息的更多相关文章
- js 获取 网页屏幕高度 窗口高度 元素高度 滚动高度
常用: JS 获取浏览器窗口大小 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 // 获取窗口宽度 if (window.innerWidth) winWidth = ...
- js获取网页屏幕可视区域高度
document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.document ...
- js获取网页屏幕可见区域高度
document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.docume ...
- [js]获取网页屏幕可见区域高度
document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.docume ...
- JS获取当前屏幕宽高
Javascript: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.b ...
- js获取或设置当前窗口url参数
直接上代码 // 获取当前窗口url中param参数的值 function get_param(param){ var query = location.search.substring(1).spl ...
- JS获取元素的offsetTop,offsetLeft等相关属性
1. obj.clientWidth //获取元素的宽度 obj.clientHeight //元素的高度 obj.offsetLeft //元素相对于父元素的left obj.offsetTop / ...
- js获取整个屏幕的尺寸
原文 首先获取屏幕宽度:window.screen.width; //整个屏幕的宽度. 然后获取屏幕高度:window.screen.height; //整个屏幕的高度. 获取可用工作区 ...
- js获取手机屏幕宽度、高度
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...
随机推荐
- wpf DataGrid CheckBox列全选
最近在wpf项目中遇到当DataGrid的header中的checkbox选中,让该列的checkbox全选问题,为了不让程序员写自己的一堆事件,现写了一个自己的自定义控件 在DataGrid的 &l ...
- 在Excel中创建和使用ServerDocument
ServerDocument是微软提供的一种读取Word或Excel文档级应用中CachedData的工具.本示例将向你展示如何使用用ServerDocument. 1. 创建文档级应用 打 ...
- RichtextBox去除闪烁光标
http://files.cnblogs.com/xe2011/CustomRichTextBox_HideCaret.rar richTextBox能高亮选择,光标仍在,没有光标闪烁 把重RichT ...
- ADO.NET与Oracle（一）：获取多行记录集
近期接触ADO.NET和Oracle.将我寻常遇到的一些问题和大家共享. 我认为要想入门ADO.NET操作Oracle,最主要的要求就是要会通过ADO.NET更新Oracle中的数据. 该文简单讲些利 ...
- iOS 开发之 ReactiveCocoa(进阶)
Map : 映射 UITextField *textField =[[UITextField alloc]initWithFrame:CGRectMake(100, 100, 100, 40)]; t ...
- BeanUtils使用概要
BeanUtils是apache提供的的一个工具类,在很多地方我们都要用到这个类.下面说说这个类的简单用法. 相关的使用细节已经在代码的注释中说明了. @Test public void test5( ...
- [转载]js中__proto__和prototype的区别和关系
首先,要明确几个点:1.在JS里,万物皆对象.方法(Function)是对象,方法的原型(Function.prototype)是对象.因此,它们都会具有对象共有的特点.即:对象具有属性_ ...
- PHP中用mysqli面向对象打开连接关闭mysql数据库
代码如下: <meta http-equiv="content-type" content="text/html" charset="utf-8 ...
- 第一篇：Mysql操作初级
Mysql操作初级 Mysql操作初级 本节内容 数据库概述 数据库安装 数据库操作 数据表操作 表内容操作 1.数据库概述 数据库管理系统叫做DBMS 1.什么是数据库 ? 答:数据的仓库,如: ...
- 28、Jquery 页面效果
Jquery动画函数分为三类 基本动画函数 基本动画函数包括show(显示).hide(隐藏).toggle(切换)这三个函数. 例子所需html <input type="butto ...