Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js获取屏幕宽度实例代码

js获取屏幕宽度实例代码

发布时间:2015-06-07   编辑:www.jquerycn.cn
分享下js获取屏幕宽度的实现代码,用js获取屏幕尺寸,有需要的朋友参考下。

在做页面时,用户要求,不同的分辨率,弹出窗口的位置不同。 
可以先获得屏幕宽度,然后付值给变量,再在onclick中设置参数。

例子:
 

复制代码 代码示例:

<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.yoursite.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>

使用vs2005生成的页面当使用这其中某些东西的时候不管用,因为用vs2005生成的页面XHTML 是1.0的。
所以此时就要修改相应的关键字比如:
document.body.clientWidth 要换成 document.documentElement.clentWidth

js获得屏幕的宽度:
 

网页可见区域宽  document.body.clientWidth 
网页可见区域高  document.body.clientHeight 
网页可见区域宽(包括边线的宽)  document.body.offsetWidth 
网页可见区域高(包括边线的宽)  document.body.offsetHeight 
网页正文全文宽  document.body.scrollWidth 
网页正文全文高  document.body.scrollHeight 
网页被卷去的高  document.body.scrollTop 
网页被卷去的左  document.body.scrollLeft 
网页正文部分上  window.screenTop 
网页正文部分左  window.screenLeft 
屏幕分辨率的高  window.screen.height 
屏幕分辨率的宽  window.screen.width 
屏幕可用工作区高度  window.screen.availHeight 
屏幕可用工作区宽度  window.screen.availWidth
 

js获取屏幕高度与宽度
js与jquery获取屏幕宽度与高度
js 获取浏览器与屏幕宽高信息
JS和jquery获取浏览器屏幕的宽度与高度
js获取浏览器屏幕宽高的方法(浏览器兼容)
JS获取屏幕、浏览器窗口大小、网页高度宽度

您可能感兴趣的文章:
JS获取屏幕尺寸大小实例
js获取屏幕分辨率示例
JS获取屏幕高度与宽度方法
js获取浏览器窗口大小与屏幕宽高
js获取屏幕宽度实例代码
js获取浏览器与屏幕宽度高度
js获取浏览器宽度\屏幕宽度\显示器分辨率
js如何获取屏幕高度
js双击鼠标自动滚动屏幕实例
js获取当前对象大小与屏幕分辨率

关键词: js屏幕尺寸  js屏幕宽度   
[关闭]