Jquery判断IE6等浏览器的代码

 更新时间:2011年04月05日 22:08:20   作者:  
jquery中利用navigator.userAgent.indexOf来判断浏览器类型,并进行了一下处理,如果不想使用jquery,稍为修改下代码就可以为自己所用
Jquery判断IE6的代码:
复制代码 代码如下:

if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) {
//代码
}

jquery 判断浏览器方法
jquery中利用navigator.userAgent.indexOf来判断浏览器类型,并进行了一下处理,如果不想使用jquery,稍为修改下代码就可以为自己所用
jquery判断浏览器的源码(jquery1.31为例)
Js代码:
复制代码 代码如下:

var userAgent = navigator.userAgent.toLowerCase();
// Figure out what browser is being used
jQuery.browser = {
version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],
safari: /webkit/.test( userAgent ),
opera: /opera/.test( userAgent ),
msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
};

version---浏览器版本
msie----ie浏览器(Microsoft Internet Explorer)
mozilla-火狐浏览器
opera--opera浏览器
Js代码:
var userAgent = navigator.userAgent.toLowerCase();
browser={
version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],
safari: /webkit/.test( userAgent ),
opera: /opera/.test( userAgent ),
msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
}
调用的时候和jquery一样,只不过把$符号取掉就行了
引用自:http://www.zdbase.com/content/detail.aspx?OID=F50C5170-4793-4C42-966C-823D48DA5879
用Jquery来判断浏览器的类型,如果只是仅仅为了判断浏览器的类型而使用该方法,那么不建议使用,只是在你已经使用了jquery才建议使用,因为没必要因为这么小的一个功能就加载那么大的类库吧。
建议学习jquery的朋友学习下,了解一下思路。
主要使用的方法:$.browser.['浏览器关键字']
代码如下:
复制代码 代码如下:

<script type="text/javascript">
$(function() {
if($.browser.msie) {
$( function() { alert("this is msie"); });
}
else if($.browser.safari)
{
$( function() { alert("this is safari!"); });
}
else if($.browser.mozilla)
{
$( function() { alert("this is mozilla!"); });
}
else if($.browser.opera)
{
$( function() { alert("this is opera"); });
}
else
{
$( function() { alert("i don't konw!"); });
}
});
</script>

相关文章

  • jquery实现很酷的网页顶部图标下拉菜单效果

    jquery实现很酷的网页顶部图标下拉菜单效果

    这篇文章主要介绍了jquery实现很酷的网页顶部图标下拉菜单效果,效果非常美观大方,通过鼠标hover事件及页面元素的遍历与样式操作实现该功能,需要的朋友可以参考下
    2015-08-08
  • JQuery Ajax执行跨域请求数据的解决方案

    JQuery Ajax执行跨域请求数据的解决方案

    今天小编就为大家分享一篇关于JQuery Ajax执行跨域请求数据的解决方案,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2018-12-12
  • jQuery插件PageSlide实现左右侧栏导航菜单

    jQuery插件PageSlide实现左右侧栏导航菜单

    jQuery pageSlide 是一个可以让网页出现滚动效果的jQuery插件,它可以控制一个隐藏页面的显示和关闭。具体来说,就是当前页占一个完整页面,隐藏页是看不到的,你设置一个控制的地方,点击该控制时触发事件,隐藏的页面就滑出来,再次点击隐藏页面以外的地方,它就又关闭
    2015-04-04
  • jQuery瀑布流插件Wookmark使用实例

    jQuery瀑布流插件Wookmark使用实例

    Wookmark jQuery插件大致使用position:absolute来重构内容实现瀑布流布局,需要的朋友可以参考下
    2014-04-04
  • jquery制作的移动端购物车效果完整示例

    jquery制作的移动端购物车效果完整示例

    这篇文章主要介绍了jquery制作的移动端购物车效果,结合完整实例形式详细分析了jQuery移动端购物车具体功能实现、数值计算、界面布局与显示效果相关操作技巧,需要的朋友可以参考下
    2020-02-02
  • jQuery获取file控件中图片的宽高与大小

    jQuery获取file控件中图片的宽高与大小

    本文通过实例代码告诉大家如何利用jQuery获取file控件中图片的宽高与大小,在我们上传之前就可以检查上传图片的大小,高度,宽度是否适合我们的要求了,下面是关于判断图片的宽高大小的代码。
    2016-08-08
  • 基于jquery的一个OutlookBar类,动态创建导航条

    基于jquery的一个OutlookBar类,动态创建导航条

    初学jquery,如有错误,请高手们指出想看效果及完整代码的可以下载rar包
    2010-11-11
  • 模拟多级复选框效果的jquery代码

    模拟多级复选框效果的jquery代码

    今天又次体会到jquery的强大了,做了个多级复选框的效果,代码块分两块:一是全选的效果、二是当前复选框的父框根据当前框的兄弟是否全选中来决定父框是否选中
    2013-08-08
  • jQuery中hide()方法用法实例

    jQuery中hide()方法用法实例

    这篇文章主要介绍了jQuery中hide()方法用法,以实例形式较为详细的分析了hide()方法的定义、功能与使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • 使用jquery实现轮播图效果

    使用jquery实现轮播图效果

    这篇文章主要为大家详细介绍了使用jquery实现轮播图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01

最新评论