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 相关文章推荐
Android中资源文件(非代码部分)的使用概览
Dec 18 Javascript
jQuery+css+html实现页面遮罩弹出框
Mar 21 Javascript
struts2+jquery+json实现异步加载数据(自写)
Jun 24 Javascript
使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
Dec 11 Javascript
AngularJS初始化过程分析(引导程序)
Dec 06 Javascript
Bootstrap每天必学之基础排版
Nov 20 Javascript
Ajax验证用户名或昵称是否已被注册
Apr 05 Javascript
Axios学习笔记之使用方法教程
Jul 21 Javascript
浅谈React之状态(State)
Sep 19 Javascript
vue安装遇到的5个报错及解决方法
Jun 12 Javascript
js、jquery实现列表模糊搜索功能过程解析
Mar 27 jQuery
基于javascript处理二进制图片流过程详解
Jun 08 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加速 eAccelerator配置和使用指南
2009/06/05 PHP
基于PHP选项与信息函数的使用详解
2013/05/10 PHP
php写app接口并返回json数据的实例(分享)
2017/05/20 PHP
PHP下载大文件失败并限制下载速度的实例代码
2019/05/10 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
js 跨域和ajax 跨域问题小结
2009/07/01 Javascript
jQuery 版元素拖拽原型代码
2011/04/25 Javascript
Extjs单独定义各组件的实例代码
2013/06/25 Javascript
JavaScript中的Math 使用介绍
2014/04/21 Javascript
AngularJS的内置过滤器详解
2015/05/14 Javascript
基于JS代码实现导航条弹出式悬浮菜单
2016/06/17 Javascript
微信小程序 网络API 上传、下载详解
2016/11/09 Javascript
使用JS实现导航切换时高亮显示的示例讲解
2018/08/22 Javascript
JavaScript实现页面中录音功能的方法
2019/06/04 Javascript
JavaScript中this函数使用实例解析
2020/02/21 Javascript
跟老齐学Python之重回函数
2014/10/10 Python
python通过shutil实现快速文件复制的方法
2015/03/14 Python
Python编程实现删除VC临时文件及Debug目录的方法
2017/03/22 Python
python3 发送任意文件邮件的实例
2018/01/23 Python
Python装饰器知识点补充
2018/05/28 Python
Python实现调用另一个路径下py文件中的函数方法总结
2018/06/07 Python
实践Vim配置python开发环境
2018/07/02 Python
对python中数据集划分函数StratifiedShuffleSplit的使用详解
2018/12/11 Python
python中的协程深入理解
2019/06/10 Python
Django的性能优化实现解析
2019/07/30 Python
Python中实现输入一个整数的案例
2020/05/03 Python
Python 为什么推荐蛇形命名法原因浅析
2020/06/18 Python
Python中全局变量和局部变量的理解与区别
2021/02/07 Python
非常震撼的纯CSS3人物行走动画
2016/02/24 HTML / CSS
FC-Moto丹麦:欧洲最大的摩托车服装和头盔商店之一
2019/08/20 全球购物
结构工程研究生求职信
2013/10/13 职场文书
新闻专业毕业生英文求职信
2014/03/19 职场文书
电子商务专业毕业生求职信
2014/06/12 职场文书
班子个人四风问题整改措施
2014/10/04 职场文书
Python Flask请求扩展与中间件相关知识总结
2021/06/11 Python
ssh服务器拒绝了密码 请再试一次已解决(亲测有效)
2022/08/14 Servers