js获取屏幕宽度



在做页面时,用户要求,不同的分辨率,弹出窗口的位置不同  
我想是不是先获得屏幕宽度,然后付值给变量,再在onclick中设置参数  
---------------------------------------------------------------  
 
<script>  
alert(screen.width+"*"+screen.height)  
</script>  
---------------------------------------------------------------  
 
screen.width  
---------------------------------------------------------------  
 
<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  οnclick="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.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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值