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 相关文章推荐
json 定义
Jun 10 Javascript
JavaScript中String和StringBuffer的速度之争
Apr 01 Javascript
javascript中为某个元素指定事件的三种方式
Aug 07 Javascript
微信中一些常用的js方法汇总
Mar 12 Javascript
正则表达式,替换所有HTML标签的简单实例
Nov 28 Javascript
Node.js连接postgreSQL并进行数据操作
Dec 18 Javascript
angular实现表单验证及提交功能
Feb 01 Javascript
javascript将list转换成树状结构的实例
Sep 08 Javascript
js正则相关知识点专题
May 10 Javascript
浅谈发布订阅模式与观察者模式
Apr 09 Javascript
基于js实现复制内容到操作系统粘贴板过程解析
Oct 11 Javascript
vue+Element-ui前端实现分页效果
Nov 15 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
详解HTTP Cookie状态管理机制
2016/01/14 PHP
XHTML-Strict 内允许出现的标签
2006/12/11 Javascript
jquery 1.4.2发布!主要是性能与API
2010/02/25 Javascript
Jquery 动态添加按钮实现代码
2010/05/06 Javascript
前端开发必须知道的JS之原型和继承
2010/07/06 Javascript
非html5实现js版弹球游戏示例代码
2013/09/22 Javascript
appendChild() 或 insertBefore()使用与区别介绍
2013/10/11 Javascript
浅析JQuery UI Dialog的样式设置问题
2013/12/18 Javascript
JS替换文本域内的回车示例
2014/02/18 Javascript
JQUERY实现网页右下角固定位置展开关闭特效的方法
2015/07/27 Javascript
JS实现新浪博客左侧的Blog管理菜单效果代码
2015/10/22 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
2015/12/13 Javascript
基于BootStrap Metronic开发框架经验小结【四】Bootstrap图标的提取和利用
2016/05/12 Javascript
localStorage的黑科技-js和css缓存机制
2017/02/06 Javascript
vue父子组件的数据传递示例
2017/03/07 Javascript
微信小程序radio组件使用详解
2018/01/31 Javascript
bootstrapTable+ajax加载数据 refresh更新数据
2018/08/31 Javascript
element ui 表格动态列显示空白bug 修复方法
2018/09/04 Javascript
小程序云开发教程如何使用云函数实现点赞功能
2019/05/18 Javascript
5分钟教你用nodeJS手写一个mock数据服务器的方法
2019/09/10 NodeJs
JavaScript函数IIFE使用详解
2019/10/21 Javascript
Python中字符串对齐方法介绍
2015/05/21 Python
python正则表达式的使用
2017/06/12 Python
python+opencv实现动态物体追踪
2018/01/09 Python
python逆向入门教程
2018/01/15 Python
Python实现的从右到左字符串替换方法示例
2018/07/06 Python
python画图系列之个性化显示x轴区段文字的实例
2018/12/13 Python
Python基于pandas爬取网页表格数据
2020/05/11 Python
python实现发送QQ邮件(可加附件)
2020/12/23 Python
办公室文秘自我鉴定
2013/09/21 职场文书
优秀护士获奖感言
2014/02/20 职场文书
竞选学习委员演讲稿
2014/09/01 职场文书
考博导师推荐信范文
2015/03/27 职场文书
被告代理词范文
2015/05/25 职场文书
二十年同学聚会致辞
2015/07/28 职场文书
redis连接被拒绝的解决方案
2021/04/12 Redis