小編給大家分享一下js、css、html怎樣判斷瀏覽器的各種版本，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：做網(wǎng)站、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的呈貢網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

利用正則表達式來判斷ie瀏覽器版本

判斷是否IE瀏覽器

if (document.all) { alert("這個是ie瀏覽器");}

判斷是否IE6瀏覽器

方法一：if ( /MSIE 6.0/ig.test(navigator.appVersion) ) {alert("這個是ie6瀏覽器");}
或 /MSIE 8/.test(navigator.appVersion)

方法二：

var IE = !+'\v1';

IE6 = IE && ([/MSIE(\d)\.0/i.exec(navigator.userAgent)][0][1] == 6)

判斷是否IE7瀏覽器

if ( /MSIE 7.0/ig.test(navigator.appVersion) ) {alert("這個是ie7瀏覽器“）;}

根據(jù)以上判斷IE瀏覽器，同理判斷其它IE瀏覽器以此類推。

通過瀏覽器版本信息判斷各瀏覽器

var _uat=navigator.userAgent;
if(_uat.indexOf("MSIE 6.0")>0) alert("ie6");
else if(_uat.indexOf("MSIE 7.0")>0) alert("ie7");
else if(_uat.indexOf("MSIE 8.0")>0) alert("ie8");
else if(_uat.indexOf("Firefox")>0) alert("firefox");

CSS判斷瀏覽器
#example{color:red ;} /*firefox*/
* html #example{color:blue;} /*ie6*/
*+html #example{color:green;} /*ie7*/

HTML判斷瀏覽器
1. 除IE外都可識別
2.
3.
4.
5.
6.
7.
8.

HTML中css和js鏈接中的版本號

背景

在搜索引擎中搜索關(guān)鍵字.htaccess 緩存，你可以搜索到很多關(guān)于設(shè)置網(wǎng)站文件緩存的教程，通過設(shè)置可以將css、js等不太經(jīng)常更新的文件緩存在瀏覽器端，這樣訪客每次訪問你的網(wǎng)站的時候，瀏覽器就可以從瀏覽器的緩存中獲取css、js等，而不必從你的服務(wù)器讀取，這樣在一定程度上加快了網(wǎng)站的打開速度，又可以節(jié)約一下你的服務(wù)器流量。

問題

現(xiàn)在問題來了，.htaccess設(shè)置的css、js緩存都有一個過期時間，如果在訪客的瀏覽器中已經(jīng)緩存了css、js，在這些css、js緩存未過期之前，瀏覽器只會從緩存中讀取css和js，如果你在服務(wù)器上修改了css和js，那么這些更改在回頭客的瀏覽器中是不會有變化的，除非回頭客按了Ctrl + F5刷新了你的網(wǎng)站頁面或者手動清空了瀏覽器的緩存。一個網(wǎng)站的訪客成千上萬，回頭客也會有不少，你不可能在更新css后讓每個訪客都刷新一下緩存吧，那么這個問題你會怎么處理呢？

處理辦法

1.更改css文件名：其實解決這個問題很簡單，緩存是通過文件名標記緩存的內(nèi)容的。在你更新了網(wǎng)站的css文件內(nèi)容后，在更換一下css的文件名就可以了。如原先html中的css調(diào)用語句如下：



改一下css文件名就可以了：



另外一種從更改css文件名的方法是將版本號寫到文件名中，如：



css文件更新后，改一下文件名中的版本號即可：



2.給css文件加個版本號：其實每次修改css文件后還要修改css的文件名有點麻煩，那么我們可以在加載css語句中加入個版本號（即css鏈接中?后面的內(nèi)容）就可以了。如原先html中的css調(diào)用語句如下：



改一下css文件的版本號改成2012就可以了：

以上是“js、css、html怎樣判斷瀏覽器的各種版本”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！