jquery判断ie与使用ie来判断ie,推荐ie样式块

用jquery来判断浏览器类型,如果只是仅仅为了判断浏览器的类型而使用该方法,那么不建议使用,只是在你已经使用了jquery才建议使用,因为没必要因为这么小的一个功能就加载那么大的类库吧
Jquery中利用navigator.userAgent.indexOf来判断浏览器类型,并进行了一下处理,建议学习Jquery的朋友学习下,了解一下思路。 

主要使用的方法:$.browser.[‘浏览器关键字‘]
复制代码 代码如下:
$(function() {
if($.browser.msie) {
alert("this is msie");
} else if($.browser.safari) {
alert("this is safari!");
} else if($.browser.mozilla) {
alert("this is mozilla!");
} else if($.browser.opera) {
alert("this is opera");
} else {
alert("i don‘t konw!");
} 

我们看下jQuery的源码:
复制代码 代码如下:
var userAgent = navigator.userAgent.toLowerCase();
// Figure out what browser is being used
jQuery.browser = {
version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[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 使用的是通过正则来匹配userAgent判断浏览器的种类和版本.
version---浏览器版本
msie----ie浏览器(Microsoft Internet Explorer)
mozilla-火狐浏览器
opera--opera浏览器 

如果我们要来判断当前浏览器是否是IE6应该如何来判断? 

复制代码 代码如下:
if($.browser.msie&&($.browser.version == "6.0")&&!$.support.style){
alert("ie6");
} 

同样Jquery判断浏览器是否为IE7
复制代码 代码如下:
if($.browser.msie&&($.browser.version == "7.0")){
alert("ie7");
} 

如果不想使用Jquery,稍为修改下代码就可以为自己所用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一样,只不过把$符号取掉就行了 

如果是为了判断IE的版本我还是推荐用IE的条件表达式来书写JS
复制代码 代码如下:
<!--[if IE]>
<script type="text/javascript">
alert("ie");
</script>
<![endif]-->
<!--[if IE 6]>
<script type="text/javascript">
alert("ie6");
</script>
<![endif]-->
<!--[if IE 7]>
<script type="text/javascript">
alert("ie7");
</script>
<![endif]--> 

这个比我们手动通过$.browser来判断IE版本更精准,也不用去记jquery的browser的使用方法了 
时间: 2024-11-03 01:38:34

jquery判断ie与使用ie来判断ie,推荐ie样式块的相关文章

jQuery判断元素是否显示与隐藏

jQuery判断一个元素是显示还是隐藏,jQuery使用is()方法来判断一个元素是否显示,反之则为隐藏 核心代码 if($("#username").is(":hidden")){ } 实例代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test.html</ti

jquery判断元素是否隐藏的多种方法

第一种:使用CSS属性 复制代码 代码如下: var display =$('#id').css('display'); if(display == 'none'){    alert("被你发现了,我是隐藏的啦!"); } 第二种:使用jquery内置选择器 假设我们页面有这么个标签, 复制代码 代码如下: <div id="test">< p>仅仅是测试所用</p>< /div> 那么,我们可以用以下语句来判断id

JQuery判断radio(单选框)是否选中和获取选中值方法总结

篇文章主要介绍了JQuery判断radio(单选框)是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中.使用checked属性判断选中.jquery获取radio单选按钮的值.获取一组radio被选中项的值.设置单选按钮被选中等内容,需要的朋友可以参考下 一.利用获取选中值判断选中 直接上代码,别忘记引用JQuery包 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

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

javascript jquery 判断对象为空的方式

java中存在很多空指针的问题,需要经常做预防和判断,如若不然,控制台出现恼人的异常,让人信心备受打击,早期写程序的时候没有经验,不能根据异常信息找到问题的根源,唯一做的事情就是祈祷,千万别出现什么异常信息啊!现在碰到与问题,到希望异常信息越详细越好,但偏偏事与愿违,我们所采用的框架居然把所有的异常全部throws 即使再controller获取也比较麻烦,一旦出现与预期不一样的结果,都不知道是哪里出了问题,调试起来确实不便. js中也是一样,虽然不会出现一大串异常代码,但控制台还是会有错误警告

jquery判断浏览器类型的代码

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

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

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

jquery判断checkbox是否选中及改变checkbox状态

来自:http://www.wufangbo.com/jquery-pan-duan-checked/ jquery判断checked的三种方法: .attr(‘checked’):   //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false.prop(‘checked’): //16+:true/false.is(‘:checked’):    //所有版本:true/false//别忘记冒号哦 jquery赋值checked的几种写法: 所有

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