熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

js判斷屏幕分辨率的代碼

2013-11-15 12:05:41  來源: JSP教程 
由於現在的很多用戶的分辨率問題導致很多廣告會遮擋內容或者對於不同分辨率的用戶不同的css樣式就可以參考下面的代碼  

  一般我們可以通過下面的代碼判斷分辨率

復制代碼 代碼如下:
<script language="JavaScript"> 
<! Begin 
function redirectPage() { 
var wjb=screenwidth;
var hjb=screenheight;
alert("經系統檢測你的屏幕分辨率為 " + wjb+"*"+ hjb + "by 腳本之家jbnet"); 

// End
</script>

  js判斷浏覽器分辨率

復制代碼 代碼如下:
<script>
function ScreenWidth(){
            if (screenwidth == ){
              alert("*");
          }else  if (screenwidth == ){
                alert("*");
         }else if (screenwidth == ){
                 alert("*");
         }else {
                  alert("do not know!");
         }
}
</script>
<input type="button"  name="" value="fenbianli "  onclick=" ScreenWidth()"/>

  說明這段js代碼可改造一下改為screenwidth>=     screenwidth=兩種情況

  所以我選擇使用下面的代碼

復制代碼 代碼如下:
if(screenwidth>=){
alert(寬屏幕可以加載廣告了);
//一些廣告代碼
}

  用JS判斷不同分辨率調用不同的CSS樣式文件

  最近看一個網站發現顯示器不同的分辨率樣式文件調用的也不一樣今天寫了一個例子研究一下
 

復制代碼 代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf">
<title>無標題文檔</title>
<link rel="stylesheet" id="sc" type="text/css" href="css/ccss"/>
<script type="text/javascript">
windowonload=function(){
    var sc=documentgetElementById("sc");
    var d=documentgetElementById("d");
    if(screenwidth>)  //獲取屏幕的的寬度
    {
      scsetAttribute("href""css/ccss");   //設置css引入樣式表的路徑
      dinnerHTML = "你的電腦屏幕寬度大於我的寬度是 px 背景色現在是紅色";
    }
    else{

     scsetAttribute("href""css/ccss");
     dinnerHTML = "你的電腦屏幕寬度小於或是等於我的寬度是 px 背景色現在是藍色";
    }
    }
</script>
</head>
<body>
<div id="d"></div>
</body>
</html>

  ccss裡面的內容

復制代碼 代碼如下:

  
*{ margin:; padding:;}

div{ width:px; height:px; margin: auto; background:blue; color:#ffffff;}

 
ccss裡面的內容

*{ margin:; padding:;}

div{ width:px; height:px; margin: auto; background:red; color:#fff;}


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20272.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.