判断是否IE6，如果是则提示升级浏览器

最新推荐文章于 2024-04-18 10:46:54 发布

ximo

最新推荐文章于 2024-04-18 10:46:54 发布

阅读量650

点赞数

分类专栏： web前端文章标签：浏览器 ie function scroll internet 编程

web前端专栏收录该内容

14 篇文章

订阅专栏

一个与浏览器有关的脚本，也是大家从事WEb前端编程常见的编程技巧，就是判断浏览器的版本，如果发现版本不符合你的设计要求，就给出提示升级浏览器，这样你的网页会更有体验。只有使用IE6浏览器才会看到效果


    <html>
    <head>
    <title>判断IE版本并给出提示升级浏览器</title>
    </head>
    <style type="text/css">
    #ie6-warning{
    background:rgb(255,255,225) url("图片地址") no-repeat scroll 3px center;
    position:absolute;
    top:0;
    left:0;
    font-size:12px;
    color:#333;
    width:97%;
    padding: 2px 15px 2px 23px;
    text-align:left;
    }
    #ie6-warning a {
    text-decoration:none;
    }
    </style>
    <body>
    <br /><br />
    <!--[if lte IE 6]>
    <div id="ie6-warning">您正在使用 Internet Explorer 6，在本页面的显示效果可能有差异。建议您升级到 <a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">Internet Explorer 8</a> 或以下浏览器： <a href="http://www.mozillaonline.com/">Firefox</a> / <a href="http://www.google.com/chrome/?hl=zh-CN">Chrome</a> / <a href="http://www.apple.com.cn/safari/">Safari</a> / <a href="http://www.operachina.com/">Opera</a>
    </div>
    <script type="text/javascript">
    function position_fixed(el, eltop, elleft){
    // check if this is IE6
    if(!window.XMLHttpRequest)
    window.onscroll = function(){
    el.style.top = (document.documentElement.scrollTop + eltop)+"px";
    el.style.left = (document.documentElement.scrollLeft + elleft)+"px";
    }
    else el.style.position = "fixed";
    }
    position_fixed(document.getElementById("ie6-warning"),0, 0);
    </script>
    <![endif]-->
    </body>
    </html><!-- .Net Stat -->
    <div style="display:none;">
    <script type="text/javascript" src="/.net/js/stat.js"></script>
    </div>