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 相关文章推荐
关于jquery append() html时的小问题的解决方法
Dec 16 Javascript
使用FlexiGrid实现Extjs表格效果方法分享
Dec 16 Javascript
node.js中的fs.chmodSync方法使用说明
Dec 18 Javascript
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
Dec 31 Javascript
轻松掌握jQuery中wrap()与unwrap()函数的用法
May 24 Javascript
详解AngularJS中的表单验证(推荐)
Nov 17 Javascript
JavaScript构建自己的对象示例
Nov 29 Javascript
js实现带缓动动画的导航栏效果
Jan 16 Javascript
Node.js中流(stream)的使用方法示例
Jul 16 Javascript
详解vue移动端项目的适配(以mint-ui为例)
Aug 17 Javascript
微信小程序实现分享朋友圈的图片功能示例
Jan 18 Javascript
Vue与React的区别和优势对比
Dec 18 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
用php+mysql一个名片库程序
2006/10/09 PHP
PHP实现即时输出、实时输出内容方法
2015/05/27 PHP
Smarty使用自定义资源的方法
2015/08/08 PHP
Yii2.0中的COOKIE和SESSION用法
2016/08/12 PHP
php实现统计二进制中1的个数算法示例
2018/01/23 PHP
mysqli扩展无法在PHP7下升级问题的解决
2019/09/10 PHP
不错的JS中变量相关的细节分析
2007/08/13 Javascript
学习ExtJS Panel常用方法
2009/10/07 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
2015/02/13 Javascript
浅谈Sizzle的“编译原理”
2015/04/14 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
2015/11/30 Javascript
JS采用绝对定位实现回到顶部效果完整实例
2016/06/20 Javascript
jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
2016/07/14 Javascript
详解基于webpack搭建react运行环境
2017/06/01 Javascript
解决ztree搜索中多级菜单展示不全问题
2017/07/05 Javascript
详解Vue.js中.native修饰符
2018/04/24 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
2018/05/31 Javascript
JS伪继承prototype实现方法示例
2018/06/20 Javascript
基于Proxy的小程序状态管理实现
2019/06/14 Javascript
Nuxt默认模板、默认布局和自定义错误页面的实现
2020/05/11 Javascript
[55:04]海涛DOTA2死魂复燃6.82版本介绍
2014/09/28 DOTA
Python中使用SAX解析xml实例
2014/11/21 Python
Python中的生成器和yield详细介绍
2015/01/09 Python
Python解析xml中dom元素的方法
2015/03/12 Python
Python中文字符串截取问题
2015/06/15 Python
python实现中文分词FMM算法实例
2015/07/10 Python
python中字符串内置函数的用法总结
2018/09/13 Python
python笔记之mean()函数实现求取均值的功能代码
2019/07/05 Python
django 2.2和mysql使用的常见问题
2019/07/18 Python
Python基于Serializer实现字段验证及序列化
2020/11/04 Python
HTML5新增元素如何兼容旧浏览器有哪些方法
2014/05/09 HTML / CSS
全球才华横溢工匠的家居装饰、珠宝和礼物:NOVICA
2021/01/22 全球购物
介绍一下HTTP、HTTPS和SSL
2012/12/16 面试题
分公司经理岗位职责
2013/11/11 职场文书
建筑项目策划书
2014/01/13 职场文书
某集团股份有限公司委托书样本
2014/09/24 职场文书