当前位置: 代码迷 >> 高性能WEB开发 >> 让ie6用户和ie7用户看到不同的内容解决方法
  详细解决方案

让ie6用户和ie7用户看到不同的内容解决方法

热度:257   发布时间:2012-04-10 21:03:56.0
让ie6用户和ie7用户看到不同的内容
大家都放假了吧 
小弟在此先祝各位大哥国庆中秋佳节愉快 

有个问题需要请各位大大帮一下忙 

就是需要根据不同的浏览器用户显示不同的内容 


达到的效果是 

<div class=ie6> 
只有ie6用户可以看到这里的内容哟 
</div> 

<div class=ie7> 
只有ie7、ie8、firefox、chrome、Safari等非ie6用户可以看到这里的内容哟 
</div> 


各位大大,蛮烦一下了 

最好能给一段完整的代码,复制了可以直接使用的 

我是技术小白,不会写代码,顶多会看个html代码 

无比的谢谢 


------解决方案--------------------
JScript code

 <script type="text/javascript">
        var Sys = {};
        var ua = navigator.userAgent.toLowerCase();
        if (window.ActiveXObject)
            Sys.ie = ua.match(/msie ([\d.]+)/)[1]
        else if (document.getBoxObjectFor)
            Sys.firefox = ua.match(/firefox\/([\d.]+)/)[1]
        else if (window.MessageEvent && !document.getBoxObjectFor)
            Sys.chrome = ua.match(/chrome\/([\d.]+)/)[1]
        else if (window.opera)
            Sys.opera = ua.match(/opera.([\d.]+)/)[1]
        else if (window.openDatabase)
            Sys.safari = ua.match(/version\/([\d.]+)/)[1];
        
        //以下进行测试
        if(Sys.ie) document.write('IE: '+Sys.ie);
        if(Sys.firefox) document.write('Firefox: '+Sys.firefox);
        if(Sys.chrome) document.write('Chrome: '+Sys.chrome);
        if(Sys.opera) document.write('Opera: '+Sys.opera);
        if(Sys.safari) document.write('Safari: '+Sys.safari);

    </script>

------解决方案--------------------
JScript code

 <script type="text/javascript">
        var Sys = {};
        var ua = navigator.userAgent.toLowerCase();
        if (window.ActiveXObject)
            Sys.ie = ua.match(/msie ([\d.]+)/)[1]
        else if (document.getBoxObjectFor)
            Sys.firefox = ua.match(/firefox\/([\d.]+)/)[1]
        else if (window.MessageEvent && !document.getBoxObjectFor)
            Sys.chrome = ua.match(/chrome\/([\d.]+)/)[1]
        else if (window.opera)
            Sys.opera = ua.match(/opera.([\d.]+)/)[1]
        else if (window.openDatabase)
            Sys.safari = ua.match(/version\/([\d.]+)/)[1];
        
        //以下进行测试
        if(Sys.ie) 
        {
           if(Sys.ie == "7.0") document.getEmentById("ie6").Style.display = "none";
           if(Sys.ie == "6.0") document.getEmentById("ie7").Style.display = "none";
        }
    </script>
<div id='ie6' class=ie6>
只有ie6用户可以看到这里的内容哟
</div>

<div id='ie7' class=ie7>
只有ie7、ie8、firefox、chrome、Safari等非ie6用户可以看到这里的内容哟
</div> 
  相关解决方案