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 相关文章推荐
改变javascript函数内部this指针指向的三种方法
Apr 23 Javascript
扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路
May 17 Javascript
Jquery uploadify图片上传插件无法上传的解决方法
Dec 16 Javascript
jQuery菜单插件用法实例
Jul 25 Javascript
Node.js刷新session过期时间的实现方法推荐
May 18 Javascript
Bootstrap 3.x打印预览背景色与文字显示异常的解决
Nov 06 Javascript
深入理解Angular4中的依赖注入
Jun 07 Javascript
Electron + vue 打包桌面操作流程详解
Jun 24 Javascript
Vue-cli3项目引入Typescript的实现方法
Oct 18 Javascript
Javascript实现鼠标点击冒泡特效
Dec 24 Javascript
为react组件库添加typescript类型提示的方法
Jun 15 Javascript
解决await在forEach中不起作用的问题
Feb 25 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开发框架的对比
2013/07/05 PHP
php动态生成缩略图并输出显示的方法
2015/04/20 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
Mozilla中显示textarea中选择的文字
2006/09/07 Javascript
javascript 读取图片文件的大小
2009/06/25 Javascript
关于jQuery的inArray 方法介绍
2011/10/08 Javascript
js获取url中&quot;?&quot;后面的字串方法
2014/05/15 Javascript
SeaJS 与 RequireJS 的差异对比
2014/12/08 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
2015/02/13 Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
2015/05/19 Javascript
学习JavaScript设计模式(继承)
2015/11/26 Javascript
JS修改地址栏参数实例代码
2016/06/14 Javascript
Nodejs调用WebService的示例代码
2017/09/29 NodeJs
vue2.0 和 animate.css的结合使用
2017/12/12 Javascript
微信小程序实现美团菜单
2018/06/06 Javascript
angular实现input输入监听的示例
2018/08/31 Javascript
vue-cli的工程模板与构建工具详解
2018/09/27 Javascript
Vue实现移动端页面切换效果【推荐】
2018/11/13 Javascript
vue使用Font Awesome的方法步骤
2019/02/26 Javascript
[02:57]DOTA2英雄基础教程 风行者
2014/01/16 DOTA
Python创建模块及模块导入的方法
2015/05/27 Python
使用Python神器对付12306变态验证码
2016/01/05 Python
Python实现的计算器功能示例
2018/04/26 Python
python数字图像处理之骨架提取与分水岭算法
2018/04/27 Python
土耳其家居建材网站:Koçtaş
2016/11/22 全球购物
伦敦一家非常流行的时尚精品店:Oxygen Boutique
2017/01/15 全球购物
泰国办公用品购物网站:OfficeMate
2018/02/04 全球购物
学前班教师的自我鉴定
2013/12/05 职场文书
教师学习培训邀请函
2014/02/04 职场文书
户外婚礼策划方案
2014/02/08 职场文书
护士试用期自我鉴定
2014/02/08 职场文书
中学生爱国演讲稿
2014/09/05 职场文书
合同权益转让协议书模板
2014/11/18 职场文书
幼儿园园长新年寄语2015
2014/12/08 职场文书
运动会致辞稿
2015/07/29 职场文书
民事调解协议书
2016/03/21 职场文书