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 相关文章推荐
onkeypress字符按键兼容所有浏览器使用介绍
Apr 24 Javascript
JS实现图片横向滚动效果示例代码
Sep 04 Javascript
jQuery事件绑定on()与弹窗实现代码
Apr 28 Javascript
jQuery EasyUI API 中文帮助文档和扩展实例
Aug 01 Javascript
利用原生JS自动生成文章标题树的实例
Aug 22 Javascript
AngularJs Modules详解及示例代码
Sep 01 Javascript
jquery文字填写自动高度的实现方法
Nov 07 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
Nov 22 Javascript
AngularJS自定义指令详解(有分页插件代码)
Jun 12 Javascript
bootstrap table合并行数据并居中对齐效果
Oct 17 Javascript
js实现石头剪刀布游戏
Oct 11 Javascript
Vue的生命周期一起来看看
Feb 24 Vue.js
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
如何选购合适的收音机
2021/03/01 无线电
安装PHP可能遇到的问题“无法载入mysql扩展” 的解决方法
2007/04/16 PHP
smarty自定义函数htmlcheckboxes用法实例
2015/01/22 PHP
PHP数据库操作Helper类完整实例
2016/05/11 PHP
通过jQuery源码学习javascript(一)
2012/12/27 Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
2013/10/16 Javascript
javascript数组快速打乱重排的方法
2014/01/02 Javascript
jQuery插件编写步骤详解
2016/06/03 Javascript
node.js平台下的mysql数据库配置及连接
2017/03/31 Javascript
nodejs集成sqlite使用示例
2017/06/05 NodeJs
vue获取input输入值的问题解决办法
2017/10/17 Javascript
详解node.js中的npm和webpack配置方法
2018/01/21 Javascript
实用Javascript调试技巧分享(小结)
2019/06/18 Javascript
vue前后分离调起微信支付
2019/07/29 Javascript
vue-cli随机生成port源码的方法
2019/09/02 Javascript
layui问题之渲染数据表格时,仅出现10条数据的解决方法
2019/09/12 Javascript
Python2中文处理纪要的实现方法
2018/03/10 Python
python 多线程对post请求服务器测试并发的方法
2019/06/13 Python
pandas.cut具体使用总结
2019/06/24 Python
Python使用itchat模块实现简单的微信控制电脑功能示例
2019/08/26 Python
matplotlib 画动态图以及plt.ion()和plt.ioff()的使用详解
2021/01/05 Python
HTML5之SVG 2D入门4—笔画与填充
2013/01/30 HTML / CSS
Python面试题:Python是如何进行内存管理的
2014/08/04 面试题
汽车运用工程专业毕业生推荐信
2013/12/25 职场文书
高一政治教学反思
2014/01/28 职场文书
团日活动策划书
2014/02/01 职场文书
企业形象策划方案
2014/05/29 职场文书
爱心捐书活动总结
2014/07/05 职场文书
平安工地汇报材料
2014/08/19 职场文书
纪念九一八爱国演讲稿600字
2014/09/14 职场文书
标准离婚协议书范文下载
2014/11/30 职场文书
小学科学教学计划
2015/01/21 职场文书
转正申请报告格式
2015/05/15 职场文书
Windows下使用Nginx+Tomcat做负载均衡的完整步骤
2021/03/31 Servers
CSS3实现的侧滑菜单
2021/04/27 HTML / CSS
vue如何在data中引入图片的正确路径
2022/06/05 Vue.js