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 ...
随机推荐
- OpenFileDialog
打开一个文件 private void button1_Click(object sender, EventArgs e) { openFile ...
- Windows 下启动Apache服务(转)
Win下apache出现问题:“No services installed”安装完apache之后(不是按照默认路径安装的,我的是 D:\ )右下方那个小羽毛图标是没有启动的,左键不好使,而且提示“N ...
- SQLServer怎样导入excel
--从Excel文件里,导入数据到SQL数据库中,非常easy,直接用以下的语句: /*======================================================== ...
- mysql其他函数
mysql,,); +---------------+ ,,) | +---------------+ | +---------------+ row in set (0.22 sec) mysql) ...
- cookie记录浏览记录
cookie记录浏览记录 HashMap也是我们使用非常多的Collection,它是基于哈希表的 Map 接口的实现,以key-value的形式存在.在HashMap中,key-value总是会当做 ...
- cocos2d-x Lua与OC互相调用
1. Lua 调用OC 先看例子: hello.lua: -- 点击回调函数 local function notifymenuCallbackTest() local luaoc = require ...
- iOS开发大神必备的Xcode插件
写在前面 工欲善其事,必先利其器,iOS开发中不仅要学会Xcode的基本操作,而且还得学会一些Xcode的使用技巧,如掌握常用的快捷键等,还有就是今天要说到的Xcode插件,下面我就为大家介绍几款开发 ...
- java定义类 对象，引用，指针
java是根据面向对象编程,因此有类和对象的概念,类分为普通类与抽象类. 一.定义类 类由N个 构造器 成员变量 方法组成,可以不定义,也可以根据语法定义N个. [修饰符] class 类名{ 构 ...
- Android开发进阶：如何读写Android文件
Android主要有四大主要组件组成:Activity.ContentProvider.Service.Intent组成.Android文件的运行主要需要读写四大组件的文件.本文将介绍如何读写Andr ...
- Android - Binder驱动
以下资料摘录整理自老罗的Android之旅博客,是对老罗的博客关于Android底层原理的一个抽象的知识概括总结(如有错误欢迎指出)(侵删): http://blog.csdn.net/luosh ...