快捷導(dǎo)航

js獲取電腦分辨率的思路及操作

更新時(shí)間：2013年11月22日 17:09:07 作者：

用戶要求不同的分辨率，彈出窗口的位置不同，下面是本文的一些想法，并附有示例，喜歡的朋友可以收藏下

在做頁面時(shí)，用戶要求，不同的分辨率，彈出窗口的位置不同，我想是不是先獲得屏幕寬度，然后付值給變量，再在onclick中設(shè)置參數(shù)

 
<script> 
alert(screen.width+"*"+screen.height) 
</script> 

復(fù)制代碼代碼如下:

 
<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 ="網(wǎng)頁可見區(qū)域?qū)挘?+ document.body.clientWidth; 
s+="\r\n網(wǎng)頁可見區(qū)域高："+ document.body.clientHeight; 
s += "\r\n網(wǎng)頁正文全文寬："+ document.body.scrollWidth; 
s += "\r\n網(wǎng)頁正文全文高："+ document.body.scrollHeight; 
s += "\r\n網(wǎng)頁正文部分上："+ window.screenTop; 
s += "\r\n網(wǎng)頁正文部分左："+ window.screenLeft; 
s += "\r\n屏幕分辨率的高："+ window.screen.height; 
s += "\r\n屏幕分辨率的寬："+ window.screen.width; 
s +="\r\n屏幕可用工作區(qū)高度："+ window.screen.availHeight; 
s +="\r\n屏幕可用工作區(qū)寬度："+ window.screen.availWidth; 
alert(s); 
</SCRIPT> 
--------------------------------------------------------------- 

<SCRIPT LANGUAGE="JavaScript"> 
<!-- Begin 
function redirectPage() { 
/*var url640x480 = "http://www.yourweb.com/640x480.html";**記得改相應(yīng)的頁面*/ 
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> 

這段代碼是根據(jù)不同的屏幕顯示不同的頁面

下面是傳遞這個(gè)參數(shù)的

復(fù)制代碼代碼如下:

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

您可能感興趣的文章: