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 相关文章推荐
cloudgamer出品ImageZoom 图片放大效果
Apr 01 Javascript
JQuery中each()的使用方法说明
Aug 19 Javascript
js中各浏览器中鼠标按键值的差异
Apr 07 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
Jun 12 Javascript
node.js中的path.join方法使用说明
Dec 08 Javascript
JavaScript 性能优化小结
Oct 12 Javascript
Js获取图片原始宽高的实现代码
May 17 Javascript
JS继承之借用构造函数继承和组合继承
Sep 07 Javascript
bootstrap网格系统使用方法解析
Jan 13 Javascript
Vue.js实现微信过渡动画左右切换效果
Jun 13 Javascript
require.js中的define函数详解
Jul 10 Javascript
vue在线动态切换主题色方案
Mar 26 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源码之 ext/mysql扩展部分
2009/07/17 PHP
Laravel 4 初级教程之安装及入门
2014/10/30 PHP
thinkphp autoload 命名空间自定义 namespace
2015/07/17 PHP
PHP使用array_merge重新排列数组下标的方法
2015/07/22 PHP
php处理json格式数据经典案例总结
2016/05/19 PHP
PHP实现随机发扑克牌
2020/04/22 PHP
JQUBAR1.1 jQuery 柱状图插件发布
2010/11/28 Javascript
js中的值类型和引用类型小结 文字说明与实例
2010/12/12 Javascript
javascript跑马灯悬停放大效果实现代码
2012/12/12 Javascript
js实现点击注册按钮开始读秒倒计时的小例子
2013/05/11 Javascript
给文字加上着重号的JS代码
2013/11/12 Javascript
js离开或刷新页面检测(且兼容FF,IE,Chrome)
2014/03/05 Javascript
Underscore.js 1.3.3 中文注释翻译说明
2015/06/25 Javascript
javascript跨域总结之window.name实现的跨域数据传输
2015/11/01 Javascript
js时间戳和c#时间戳互转方法(推荐)
2017/02/15 Javascript
node学习记录之搭建web服务器教程
2017/02/16 Javascript
AngularJS1.X学习笔记2-数据绑定详解
2017/04/01 Javascript
基于jQuery实现定位导航位置效果
2017/11/15 jQuery
Vue中的字符串模板的使用
2018/05/17 Javascript
ES6 中可以提升幸福度的小功能
2018/08/06 Javascript
layDate日期控件使用方法详解
2018/11/15 Javascript
利用numpy和pandas处理csv文件中的时间方法
2018/04/19 Python
Python3爬虫全国地址信息
2019/01/05 Python
Pandas数据离散化原理及实例解析
2019/11/16 Python
Python +Selenium解决图片验证码登录或注册问题(推荐)
2020/02/09 Python
利用Python实现Excel的文件间的数据匹配功能
2020/06/16 Python
python 安装移动复制第三方库操作
2020/07/13 Python
基于HTML5+tracking.js实现刷脸支付功能
2020/04/16 HTML / CSS
DTD的含义以及作用
2014/01/26 面试题
求职信模版
2013/11/30 职场文书
事业单位年度考核评语
2014/12/31 职场文书
2015年幼儿教育工作总结
2015/07/24 职场文书
2016大学生优秀志愿者事迹材料
2016/02/25 职场文书
Python图像处理之图像拼接
2021/04/28 Python
java设计模式--七大原则详解
2021/07/21 Java/Android
Python学习之异常中的finally使用详解
2022/03/16 Python