用JS判断浏览器是否是IE9以下，处理可能遇到的兼容性问题，或者给出浏览器版本过低的升级提醒。

灰太狼 2022-06-05 10:16 261阅读 0赞

<table style="border-spacing:0px; font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; width:877px; font-size:13px; color:rgb(51,51,51); background:none rgb(252,252,252)!important; border:1px dotted rgb(227,225,225)!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0.3em 0px!important; outline:0px!important; overflow:auto!important; padding:0px!important; position:relative!important; right:auto!important; top:auto!important; vertical-align:baseline!important; min-height:auto!important"> 
 <tbody style="word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
  <tr style="word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
   <td style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; margin:0px!important; padding:9.5px 0px 9.5px 9.5px!important; background:none rgb(247,247,249)!important; border-width:0px 1px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(225,225,232)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; font-size:13px!important; color:rgb(175,175,175)!important"> 
    <div style="word-break:break-all; word-wrap:normal; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important">
      1 
    </div> 
    <div style="word-break:break-all; word-wrap:normal; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important">
      2 
    </div> 
    <div style="word-break:break-all; word-wrap:normal; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important">
      3 
    </div> </td> 
   <td style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; width:840px; margin:0px!important; padding:0px!important; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; min-height:auto!important; font-size:13px!important"> 
    <div style="max-width:1366px; word-break:break-all; width:auto!important; margin:0px!important; min-height:auto!important; padding:0px!important; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; outline:0px!important; overflow:visible!important; position:relative!important; right:auto!important; top:auto!important; vertical-align:baseline!important"> 
     <div style="word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important">&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-weight:bold!important; min-height:auto!important; color:rgb(255,120,0)!important">if</code> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:black!important">(navigator.appName&nbsp;==&nbsp;</code> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:blue!important">"Microsoft&nbsp;Internet&nbsp;Explorer"</code> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:black!important">&amp;&amp;parseInt(navigator.appVersion.split(</code> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:blue!important">";"</code> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:black!important">)[1].replace(/[&nbsp;]/g,&nbsp;</code> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:blue!important">""</code> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:black!important">).replace(</code> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:blue!important">"MSIE"</code> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:black!important">,</code> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:blue!important">""</code> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:black!important">))&lt;9){ </code> 
     </div> 
     <div style="word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:black!important">alert(</code> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:blue!important">"您的浏览器版本过低，请下载IE9及以上版本"</code> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:black!important">);</code> 
     </div> 
     <div style="word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important">&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace; word-break:break-all; background:none!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.8em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:black!important">}</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>