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 strike方法入门实例(给字符串加上删除线)
Oct 17 Javascript
jQuery实现点击该行即可删除HTML表格行
Oct 17 Javascript
javascript实现简单的进度条
Jul 02 Javascript
Jquery实现仿京东商城省市联动菜单
Nov 19 Javascript
JavaScript中const、var和let区别浅析
Oct 11 Javascript
Validform表单验证总结篇
Oct 31 Javascript
原生js实现鼠标跟随效果
Feb 28 Javascript
JavaScript数组迭代方法
Mar 03 Javascript
MvcPager分页控件 适用于Bootstrap
Jun 03 Javascript
JS Testing Properties 判断属性是否在对象里的方法
Oct 01 Javascript
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
动手写一个angular版本的Message组件的方法
Dec 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
html中select语句读取mysql表中内容
2006/10/09 PHP
php中利用post传递字符串重定向的实现代码
2011/04/21 PHP
php实现上传图片文件代码
2015/07/19 PHP
PHP实现冒泡排序的简单实例
2016/05/26 PHP
Laravel5中防止XSS跨站攻击的方法
2016/10/10 PHP
Highslide.js是一款基于js实现的网页中图片展示插件
2020/03/30 Javascript
NodeJS框架Express的模板视图机制分析
2011/07/19 NodeJs
基于jquery实现的文字淡入淡出效果
2013/11/14 Javascript
jQuery操作JSON的CRUD用法实例
2015/02/25 Javascript
jQuery往返城市和日期查询实例讲解
2015/10/09 Javascript
js实现纯前端的图片预览
2016/04/27 Javascript
jQuery点击输入框显示验证码图片
2016/05/19 Javascript
基于BootStrap实现局部刷新分页实例代码
2016/08/08 Javascript
node.js发送邮件email的方法详解
2017/01/06 Javascript
Vue-Router实现页面正在加载特效方法示例
2017/02/12 Javascript
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
AngularJS的$location使用方法详解
2017/10/19 Javascript
VueJs 搭建Axios接口请求工具
2017/11/20 Javascript
Vue下滚动到页面底部无限加载数据的示例代码
2018/04/22 Javascript
JS代码触发事件代码实例
2020/01/02 Javascript
原生JavaScript实现的无缝滚动功能详解
2020/01/17 Javascript
python 3.7.4 安装 opencv的教程
2019/10/10 Python
Python Numpy 自然数填充数组的实现
2019/11/28 Python
Python描述符descriptor使用原理解析
2020/03/21 Python
python实现对变位词的判断方法
2020/04/05 Python
Python requests模块session代码实例
2020/04/14 Python
python解包概念及实例
2021/02/17 Python
Python读写Excel表格的方法
2021/03/02 Python
使用before和:after伪类制作css3圆形按钮
2014/04/08 HTML / CSS
加拿大时尚少女服装品牌:Garage
2016/10/10 全球购物
青年志愿者活动总结
2014/04/26 职场文书
检讨书格式
2015/01/23 职场文书
演讲开场白台词大全
2015/05/29 职场文书
2016年学校党支部创先争优活动总结
2016/04/05 职场文书
SpringBoot 拦截器妙用你真的了解吗
2021/07/01 Java/Android
Apache Hudi数据布局黑科技降低一半查询时间
2022/03/31 Servers