JS簡單的瀏覽器的識別

  1. <html>

  2. <head>

  3.    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

  4.    <title>JS學習</title>

  5.    <script type="text/javascript">

  6.       function getBrowserName()

  7.       {

  8.         var lsbrowser=navigator.userAgent;

  9.         if(lsbrowser.indexOf("MSIE")>=0)

  10.           {lsbrowser="MSIE";}

  11.         else if(lsbrowser.indexOf("Firefox")>=0)

  12.           {lsbrowser="Firefox";}

  13.          else if(lsbroser.indexOf("Chrome")>=0)

  14.          {lsbrowser="Chrome";}

  15.          else if(lsbrowser.indexOf("Safari")>=0)

  16.          { lsbrowser="Safari"}

  17.          else if(lsbrowser,indexOf("Opera")>=0)

  18.          {lsbrowser="Opera";}

  19.          else { lsbrowser="UNKNOWN";}

  20.          return lsbrowser;

  21.       }

  22.       function getBrowserVersion()

  23.       {

  24.        var findindex;

  25.        var browserversion=0;

  26.        var browser=getBrowserName();

  27.        browserversion=navigator.userAgent;

  28.        findindex=browserversion.indexOf(browser)+browser.length+1;

  29.        browserversion=parseFloat(browserversion.substring(findindex,findindex+3));

  30.        return browserversion;

  31.       }

  32.    </script>

  33. </head>

  34. <body>

  35. <script type="text/javascript">

  36.     var browsername=getBrowserName();

  37.     var browserversion=getBrowserVersion();

  38.     if(browsername=="MSIE")

  39.     {

  40.       if(browserversion<7)

  41.       {document.write("你用的IE瀏覽器的版本也太老了吧?");}

  42.       else{document.write("你用的IE瀏覽器的版本非常新");}

  43.     }

  44.     else if(browsername=="Firefox")

  45.     {document.write("火狐的瀏覽器也不錯");}

  46.     else if(browsername=="Safari")

  47.     {document.write("Safari很酷");}

  48.     else if(browsername=="Chrome")

  49.     {document.write("谷歌瀏覽器很好用");}

  50.     else if(browsername=="Opera")

  51.     {document.write("歐鵬瀏覽器也很好用");}

  52.     else {document.write("sorry,暫時還識別不了你的瀏覽器");}


  53. </script>

  54. <noscript>

  55.     <h2>你的瀏覽器可能已經禁用了Javascript</h2>

  56.     </noscript>


  57. </body>

  58. </html>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章