根据浏览器类型加载htm标记



下面是我的Test.jsp页面的内容,我想检查浏览器类型并为我的td使用一类css。如果是IE,我想使用'IEMenu'类,如果是非IE,我要使用'NONIEMenu'类。我在下面尝试的方法有效吗?我可以添加javascript签入表吗?请帮忙。

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

    <tr>
    <td>Hello</td>
    <script LANGUAGE=javascript>if(window.navigator.userAgent.indexOf("MSIE") > 0){alert("IE");</script>
    <td id="picture" class="IEMenu" valign="bottom">HelloIE</td>
    <script LANGUAGE=javascript>}
    else{alert("NON IE");</script>
    <td id="picture" class="NONIEMenu" valign="bottom">HelloNonIE</td>
    <script LANGUAGE=javascript>}</script>
    </tr>
    <tr>
    <td>&nbsp;</td>
    </tr>
    </table>
</td>
</tr>
</table>

您应该为IEMenu和NONEIEMenu创建一个样式,然后您可以在IE浏览器上显示您的样式。

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

或者,如果您希望样式显示除IE之外的所有浏览器。

<!--[if !IE]><!-->
<link rel="stylesheet" type="text/css" href="not-ie.css" />
<!--<![endif]-->

您可以在https://css-tricks.com/how-to-create-an-ie-only-stylesheet/

最新更新