js获取电脑分辨率的思路及操作


Posted in Javascript onNovember 22, 2013

在做页面时,用户要求,不同的分辨率,弹出窗口的位置不同,我想是不是先获得屏幕宽度,然后付值给变量,再在onclick中设置参数

<script> 
alert(screen.width+"*"+screen.height) 
</script>

<script> 
function centerWindow(url,w,h){ 
l=(screen.width-w)/2 
t=(screen.height-h)/2 
window.open(url,'','left='+l+',top='+t+',width='+w+',height='+h) 
} 
</script> 
<input type=button onclick="centerWindow('about:blank',200,200)"> 
--------------------------------------------------------------- <body> 
<SCRIPT LANGUAGE="JavaScript"> 
var s ="网页可见区域宽:"+ document.body.clientWidth; 
s+="\r\n网页可见区域高:"+ document.body.clientHeight; 
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth; 
s += "\r\n网页正文全文高:"+ document.body.scrollHeight; 
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; 
alert(s); 
</SCRIPT> 
--------------------------------------------------------------- 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- Begin 
function redirectPage() { 
/*var url640x480 = "http://www.yourweb.com/640x480.html";**记得改相应的页面*/ 
var url800x600 = "index1.asp"; 
var url1024x768 = "index2.asp"; 
/*if ((screen.width == 640) && (screen.height == 480)) 
window.location.href= url640x480;*/ 
if (screen.width <= 800 ) 
window.location.href= url800x600; 
else if ((screen.width >= 1024) ) 
window.location.href= url1024x768; 
} 
// End --> 
</script>

这段代码是根据不同的屏幕显示不同的页面

下面是传递这个参数的

<script language=JavaScript> 
document.write("<a href='WebStat/index.asp'>"); 
document.write("<img src='WebStat/count.asp?Referer=<%=refer%> 
&Width="+escape(screen.width)+"&Height="+escape(screen.height)+ 
"' border=0 width=1 height=1>"); 
document.write("</a>"); 
</script>
Javascript 相关文章推荐
js类的静态属性和实例属性的理解
Oct 01 Javascript
常用一些Javascript判断函数
Aug 14 Javascript
javascript模拟枚举的简单实例
Mar 06 Javascript
JavaScript删除指定子元素代码实例
Jan 13 Javascript
jsonp跨域请求数据实现手机号码查询实例分析
Dec 12 Javascript
Node.js的Express框架使用上手指南
Mar 12 Javascript
AngularJS自定义指令实现面包屑功能完整实例
May 17 Javascript
vue使用自定义icon图标的方法
May 14 Javascript
为jquery的ajax请求添加超时timeout时间的操作方法
Sep 04 jQuery
一步快速解决微信小程序中textarea层级太高遮挡其他组件
Mar 04 Javascript
layui 上传插件 带预览 非自动上传功能的实例(非常实用)
Sep 23 Javascript
element 动态合并表格的步骤
Dec 31 Javascript
JS+CSS 制作的超级简单的下拉菜单附图
Nov 22 #Javascript
Mac/Windows下如何安装Node.js
Nov 22 #Javascript
javascript Event对象详解及使用示例
Nov 22 #Javascript
js Date概念详细介绍
Nov 22 #Javascript
页面定时刷新(1秒刷新一次)
Nov 22 #Javascript
js判断IE浏览器版本过低示例代码
Nov 22 #Javascript
js获取时间(本周、本季度、本月..)
Nov 22 #Javascript
You might like
php allow_url_include的应用和解释
2010/04/22 PHP
PHP 截取字符串专题集合
2010/08/19 PHP
url decode problem 解决方法
2011/12/26 PHP
函数中使用require_once问题深入探讨 优雅的配置文件定义方法推荐
2014/07/02 PHP
php实现背景图上添加圆形logo图标的方法
2016/11/17 PHP
Windows下php+mysql5.7配置教程
2017/05/16 PHP
如何在PHP环境中使用ProtoBuf数据格式
2020/06/19 PHP
javascript作用域容易记错的两个地方分析
2012/06/22 Javascript
用JQuery 判断某个属性是否存在hasAttr的解决方法
2013/04/26 Javascript
使用nodejs、Python写的一个简易HTTP静态文件服务器
2014/07/18 NodeJs
完美兼容各大浏览器的jQuery插件实现图片切换特效
2014/12/12 Javascript
Windows 系统下设置Nodejs NPM全局路径
2016/04/26 NodeJs
浅析JavaScript中命名空间namespace模式
2016/06/22 Javascript
BootStrap点击保存后实现模态框自动关闭的思路(模态框)
2017/09/26 Javascript
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
2018/05/17 Javascript
bootstrap tooltips在 angularJS中的使用方法
2019/04/10 Javascript
vue el-table实现自定义表头
2019/12/11 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
2020/05/06 Javascript
JavaScript 中判断变量是否为数字的示例代码
2020/10/22 Javascript
python使用in操作符时元组和数组的区别分析
2015/05/19 Python
Python的装饰器用法学习笔记
2016/06/24 Python
python with提前退出遇到的坑与解决方案
2018/01/05 Python
解决sublime+python3无法输出中文的问题
2018/12/12 Python
Python使用pyautocad+openpyxl处理cad文件示例
2019/07/11 Python
Python 实现自动导入缺失的库
2019/10/29 Python
Scrapy爬虫文件批量运行的实现
2020/09/30 Python
乌克兰品牌化妆品和香水在线商店:Bomond
2020/01/14 全球购物
Tuckernuck官网:经典的美国品质服装、鞋子和配饰
2021/01/11 全球购物
班主任班级寄语大全
2014/04/04 职场文书
2014年煤矿工作总结
2014/11/24 职场文书
公司内部升职自荐信
2015/03/27 职场文书
2016年教师节特级教师获奖感言
2015/12/09 职场文书
2016年幼儿园教师师德承诺书
2016/03/25 职场文书
2019入党申请书格式
2019/06/25 职场文书
win10安装配置nginx的过程
2021/03/31 Servers
pytorch中F.avg_pool1d()和F.avg_pool2d()的使用操作
2021/05/22 Python