基于jquery判断浏览器版本过低代码

基于jquery判断浏览器版本过低代码。这是一款对不支持HTML5跟CSS3代码的浏览器提示用户更换特效代码。效果图如下:

在线预览   源码下载

实现的代码。

html代码:

 <div style="display: none" id="browser_ie">
        <div class="brower_info">
            <div class="notice_info">
                <p>
                    你的浏览器版本过低,可能导致网站不能正常访问!<br>
                    为了你能正常使用网站功能,请使用这些浏览器。</p>
            </div>
            <div class="browser_list">
                <span><a href="http://www.w2bc.com/" target="_blank">
                    <img src="images/Chrome.png"><br>
                    Chrome </a></span><span><a href="http://www.w2bc.com/" target="_blank">
                        <img src="images/Firefox.png"><br>
                        Firefox </a></span><span><a href="http://www.w2bc.com" target="_blank">
                            <img src="images/Safari.png"><br>
                            Safari </a></span><span><a href="http://www.w2bc.com" target="_blank">
                                <img src="images/IE.png"><br>
                                IE9及以上 </a></span>
            </div>
        </div>
    </div>
    <div class="header">
        <div class="header-inner wrap">
            <a class="header-logo" href=" ">融云</a>
            <div class="header-account">
                <a class="btn-signin" href=" ">登录</a> <a class="btn-signup" href=" ">注册</a>
            </div>
            <ul class="header-nav">
                <li><a href=" ">首页</a></li>
                <li><a href=" ">功能</a></li>
                <li><a href=" ">案例</a></li>
                <li><a href=" ">价格</a></li>
                <li><a href=" ">知识库</a></li>
                <li><a href=" ">文档</a></li>
                <li><a href=" ">下载</a></li>
            </ul>
        </div>
    </div>
    <script>
        if (!$.support.leadingWhitespace) {
            $("#browser_ie").show();
        }
    </script>

via:http://www.w2bc.com/Article/42064

时间: 2024-11-07 16:13:52

基于jquery判断浏览器版本过低代码的相关文章

jquery判断浏览器版本插件,jquery-browser.js

一.jquery判断浏览器版本插件,jquery-browser.js jquery 1.9 之后已经删除判断浏览器版本的方法: $.browser.msie $.browser.version 原因是: 注意:通过user agent字符串来检测浏览器不是一个好主意,在1.9中将完全移除该方法,不过你可以使用jQuery Migrate(迁移)插件.或者你可以试试Modernizr. 但如果想用怎么办呢? 二.解决方法: 复制下面的代码,保存为jquery-browser.js,在jquery

jquery判断浏览器类型的代码

jquery判断浏览器类型的代码 Jquery中利用navigator.userAgent.indexOf来判断浏览器类型,并进行了一下处理,建议学习Jquery的朋友学习下,了解一下思路. 主要使用的方法:$.browser.['浏览器关键字'] . 代码如下: $(function() { if($.browser.msie) { alert("this is msie"); } else if($.browser.safari) { alert("this is saf

利用jQuery判断浏览器的版本和类型

利用jQuery判断浏览器的版本:现在各种版本的浏览器满天飞,不能说是一种坏事,因为版本多了就会出现竞争,能够提高产品的质量,给用户带来了好处,但是也给程序员带来了无穷的烦恼.由于不同版本的浏览器可能会对同样的代码有不同的解读,所以要根据不同的浏览器写不同的代码,所以就要对浏览器的版本和类型进行判断.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta

JQuery 判断浏览器及其版本

JQuery 中用 方法 jQuery.browser 来判断浏览器,返回值可以为: safari opera msie mozilla. 当然有时候我们还需要区分版本 这就要用到 jQuery.browser.version function JudgeBroswer() { if($.browser.msie) { alert("this is msie!"); //IE } else if($.browser.safari) { alert("this is safar

js/jquery判断浏览器的方法小结

在网站前端开发中,浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本,而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道.今天我们把各种判断方法都总结一下,希望对大家有所帮助 JS获取浏览器信息 浏览器代码名称:navigator.appCodeName 浏览器名称:navigator.appName 浏览器版本号:navigator.appVersion 对Java的支持:navigator.javaEnabled() MIM

js/jquery判断浏览器的方法总结

JS获取浏览器信息浏览器代码名称:navigator.appCodeName浏览器名称:navigator.appName浏览器版本号:navigator.appVersion对Java的支持:navigator.javaEnabled()MIME类型(数组):navigator.mimeTypes系统平台:navigator.platform插件(数组):navigator.plugins用户代理:navigator.userAgent js判断IE浏览器的四种方法:方法一: if(windo

JAVASCRIPT和JQUERY判断浏览器信息总汇(备忘)

<script type="text/javascript">        //jquery判断浏览器信息        $(function(){            var bro=$.browser;//获取浏览器用户代理信息;            var bro_msie=bro.msie;//判断是否为ie浏览器,假如为ie浏览器就返回:true,否则返回:undefined;            var bro_firefox=bro.mozilla;/

判断浏览器版本

jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support . 在更新的 2.0 版本中,将不再支持 IE 6/7/8. 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9. 如果要全面支持 IE,并混合使用 jQuery 1.9 和 2.0, 官方的解决方案是: ? 1 2 3 4 5 6 <!--[if lt IE 9]>     <script src='jquery-1.9.0.

用条件注释判断浏览器版本解决页面兼容问题

在IE8.IE9上可能好好的,当我们在IE6.IE7或者是其他的浏览器上再浏览这些页面时,可能会发现我们的页面已经面目全非了,那么如何解决兼容问题呢,本文就为大家一一道来对于浏览器兼容问题,我们应该碰到很多了,在平时写一些页面时,在IE8.IE9上可能好好的,当我们在IE6.IE7或者是其他的浏览器上再浏览这些页面时,可能会发现我们的页面已经面目全非了,作为一名前端开发人员,这是最让人发疯的问题了,那么我们该怎么解决这些问题呢? 首先,我们写的页面在不同的浏览器上之所以会出现表现不同的问题,是因