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 相关文章推荐
Prototype Function对象 学习
Jul 12 Javascript
用Javascript实现Sleep暂停功能代码
Sep 03 Javascript
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
Jun 06 Javascript
JS实现简单的键盘打字的效果
Apr 24 Javascript
jQuery插件EasyUI校验规则 validatebox验证框
Nov 29 Javascript
Angular ng-repeat指令实例以及扩展部分
Dec 26 Javascript
纯JS实现轮播图
Feb 22 Javascript
通过命令行生成vue项目框架的方法
Jul 12 Javascript
Vue Element 分组+多选+可搜索Select选择器实现示例
Jul 23 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
Oct 16 Javascript
js实现时钟定时器
Mar 26 Javascript
vue组件实现移动端九宫格转盘抽奖
Oct 16 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
层叠菜单的动态生成
2006/10/09 PHP
php计划任务之ignore_user_abort函数实现方法
2015/01/08 PHP
php随机获取金山词霸每日一句的方法
2015/07/09 PHP
php实现登录tplink WR882N获取IP和重启的方法
2016/07/20 PHP
JavaScript高级程序设计(第3版)学习笔记7 js函数(上)
2012/10/11 Javascript
js利用appendChild对标签进行排序的实现方法
2016/10/16 Javascript
谈谈第三方App接入微信登录 解读
2016/12/27 Javascript
从零学习node.js之简易的网络爬虫(四)
2017/02/22 Javascript
JS检测window.open打开的窗口是否关闭
2017/06/25 Javascript
详解Node全局变量global模块
2017/09/28 Javascript
小程序实现列表删除功能
2018/10/30 Javascript
JS浅拷贝和深拷贝原理与实现方法分析
2019/02/28 Javascript
vue开发中遇到的问题总结
2020/04/07 Javascript
在Python中的Django框架中进行字符串翻译
2015/07/27 Python
Python随手笔记之标准类型内建函数
2015/12/02 Python
python方法生成txt标签文件的实例代码
2018/05/10 Python
pandas 数据实现行间计算的方法
2018/06/08 Python
Python 绘制酷炫的三维图步骤详解
2019/07/12 Python
详解python中*号的用法
2019/10/21 Python
pytorch 准备、训练和测试自己的图片数据的方法
2020/01/10 Python
win10安装tesserocr配置 Python使用tesserocr识别字母数字验证码
2020/01/16 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
解决pycharm导入numpy包的和使用时报错:RuntimeError: The current Numpy installation (‘D:\\python3.6\\lib\\site-packa的问题
2020/12/08 Python
Shoes For Crews法国官网:美国领先的防滑鞋设计和制造商
2018/01/01 全球购物
教师求职推荐信范文
2013/11/20 职场文书
促销活动总结报告
2014/04/26 职场文书
听课评语大全
2014/04/30 职场文书
学校标语大全
2014/06/19 职场文书
教师个人读书活动总结
2014/07/08 职场文书
党员十八大心得体会
2014/09/12 职场文书
机械设计专业大学生职业生涯规划书范文
2014/09/13 职场文书
2014年四风问题自我剖析材料
2014/09/15 职场文书
镇政府副镇长群众路线专题民主生活会对照检查材料
2014/09/19 职场文书
本溪关门山导游词
2015/02/09 职场文书
golang在GRPC中设置client的超时时间
2021/04/27 Golang
MySQL中utf8mb4排序规则示例
2021/08/02 MySQL