样式的操作-不同浏览器加载不同的css文件

————————————————————

<script type="text/javascript">
            //body加载事件监听函数
            function chooseCss(){
                //这里我们假设ie使用css1,而其他浏览器使用css2
                //如果浏览器为IE浏览器
                if (window.navigator.userAgent.indexOf("MSIE")>=1){
                    //把的样式1禁用掉
                    document.styleSheets[1].disabled = true;        
                }else if (window.navigator.userAgent.indexOf("Firefox")>=1){
                //如果浏览器为firefox
                    //把的样式1禁用掉
                    document.styleSheets[0].disabled = true;    
                }else{
                //如果浏览器为其他,比如chrome
                    //把的样式1禁用掉
                    document.styleSheets[0].disabled = true;    
                }                
            }
        </script>

————————————————————————

<body style="text-align:center" onload="chooseCss();">
        <span id="mytxt" class="myclass">测试文本</span>
    </body>

————————————————————

 

posted @ 2016-09-29 11:37  承载梦想-韩旭明  阅读(1289)  评论(0编辑  收藏  举报