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 相关文章推荐
jquery 实现的全选和反选
Apr 15 Javascript
javascript 动态调整图片尺寸实现代码
Dec 28 Javascript
jQuery插件 selectToSelect使用方法
Oct 02 Javascript
Node.js 服务器端应用开发框架 -- Hapi.js
Jul 29 Javascript
Javascript闭包用法实例分析
Jan 23 Javascript
AngularJS 面试题集锦
Sep 06 Javascript
JS动态遍历json中所有键值对的方法(不知道属性名的情况)
Dec 28 Javascript
Canvas放置反弹效果随机图形(实例)
Aug 17 Javascript
浅谈Koa2框架利用CORS完成跨域ajax请求
Mar 06 Javascript
vue获取时间戳转换为日期格式代码实例
Apr 17 Javascript
JavaScript 引用类型实例详解【数组、对象、严格模式等】
May 13 Javascript
javascript this指向相关问题及改变方法
Nov 19 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
phpMyAdmin链接MySql错误 个人解决方案
2009/12/28 PHP
深入php处理整数函数的详解
2013/06/09 PHP
通过PHP current函数获取未知字符键名数组第一个元素的值
2013/06/24 PHP
Laravel如何友好的修改.env配置文件详解
2017/06/07 PHP
基于PHP的加载类操作以及其他两种魔术方法的应用实例
2017/08/28 PHP
PHP中迭代器的简单实现及Yii框架中的迭代器实现方法示例
2020/04/26 PHP
对YUI扩展的Gird组件 Part-2
2007/03/10 Javascript
Jquery常用技巧收集整理篇
2010/11/14 Javascript
Chrome下ifame父窗口调用子窗口的问题示例探讨
2014/03/17 Javascript
Javascript毫秒数用法实例
2015/02/05 Javascript
Javascript中神奇的this
2016/01/20 Javascript
javascript中的 object 和 function小结
2016/08/14 Javascript
详解vue组件基础
2018/05/04 Javascript
vue自动路由-单页面项目(非build时构建)
2019/04/30 Javascript
详细教你微信公众号正文页SVG交互开发技巧
2019/07/25 Javascript
vue实现element表格里表头信息提示功能(推荐)
2019/11/20 Javascript
webpack安装配置与常见使用过程详解(结合vue)
2020/06/01 Javascript
webpack4从0搭建组件库的实现
2020/11/29 Javascript
vue中watch的用法汇总
2020/12/28 Vue.js
Python查找函数f(x)=0根的解决方法
2015/05/07 Python
python重试装饰器的简单实现方法
2019/01/31 Python
Python中文编码知识点
2019/02/18 Python
Python OpenCV 使用滑动条来调整函数参数的方法
2019/07/08 Python
python 控制Asterisk AMI接口外呼电话的例子
2019/08/08 Python
PYTHON绘制雷达图代码实例
2019/10/15 Python
Python Json数据文件操作原理解析
2020/05/09 Python
Python爬取梨视频的示例
2021/01/29 Python
纯CSS打造(无图像无js)的非常流行的讲话(语音)气泡效果
2012/12/28 HTML / CSS
Bitiba意大利:在线宠物商店
2020/10/31 全球购物
学期自我鉴定
2013/11/04 职场文书
英语专业推荐信
2013/11/16 职场文书
预备党员的自我评价
2014/03/12 职场文书
电焊工岗位工作职责
2014/07/09 职场文书
投标单位介绍信
2015/05/05 职场文书
使用HTML+Css+transform实现3D导航栏的示例代码
2021/03/31 HTML / CSS
vue实现滑动解锁功能
2022/03/03 Vue.js