如何使用javascript或jquery檢測IE7並向div添加一個類

Question

有沒有辦法檢測IE7？

我在IE8中的代碼沒有任何問題，但是IE7有問題。

所以我認為當瀏覽器是IE7通過javascript檢測它時，我可以添加一個帶有jquery的類。

我想改變

<div id="system">

至

<div id="system" class="ie7">

提前致謝。

Answer 1

如果你真的想通過使用javascript解決這個問題，你可能想檢查這樣的版本：

if (navigator.appVersion.indexOf("MSIE 7.") != -1)
    $('#system').addClass('ie7');

Answer 2

您可以使用IE條件注釋通過javascript添加類，如下所示：

<!--[if IE 7]>
<script type="text/javascript">
$(document).ready(function() {
    $('#system').addClass('ie7');
});
</script>
<![endif]-->

Answer 3

你可以用HTML做到這一點：

CSS

.ie7{
   padding: 0;
   color: red;
}

HTML

<!--[if IE 7 ]> <div id="system" class="ie7"> <![endif]-->
<!--[if (gt IE 7)|!(IE)]><!--> <div id="system"> <!--<![endif]-->
</div>

如果在Internet Explorer 7中執行，這將創建具有類ie7的div 。所有其他瀏覽器和IE> 7將只創建沒有類的div。

Answer 4

要檢測ie7只是使用

if($.browser.msie && parseFloat($.browser.version) < 8){
    //do other stuff
    return;
}

用它做你想做的事：

if($.browser.msie && parseFloat($.browser.version) < 8){
    $('#system').addClass('ie7');
}

Answer 5

試試這個：

<!--[if IE 7]>
<script type="text/javascript">
  $('#system').addClass('ie7');
</script>
<![endif]-->

Answer 6

請注意，IE8 compat視圖也會<!--[if IE 7 ]>為true

因此，如果您不希望在IE8 Compat視圖中反映更改，則應對文檔模式進行二級測試。

<!--[if IE 7]>
    <script type="text/javascript"> 
   try
    {
    if(document.documentMode!=8){
     //Your code comes here
    }
    }
    catch(exception){
    }
   </script>
<!--<![endif]-->

Answer 7

這里有幾種不同的方式：

• http://gmatter.wordpress.com/2006/11/21/another-way-to-detect-ie7-in-javascript/
• http://api.jquery.com/jQuery.browser/#jQuery.browser.version2
• http://ajaxian.com/archives/detecting-ie7-in-javascript