jquery 与js判断浏览器方法

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来判断浏览器的类型,如果只是仅仅为了判断浏览器的类型而使用该方法,那么不建议使用,只是在你已经使用了jquery才建议使用,因为没必要因为这么小的一个功能就加载那么大的类库吧。
建议学习jquery的朋友学习下,了解一下思路。
主要使用的方法:$.browser.['浏览器关键字']
代码如下:
复制代码 代码如下:

<script type="text/网页特效">
$(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>

时间: 2024-10-28 12:21:05

jquery 与js判断浏览器方法的相关文章

js判断浏览器版本以及浏览器内核的方法

 这篇文章主要介绍了js判断浏览器版本以及浏览器内核的方法,可实现针对各个浏览器的判断,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了js判断浏览器版本以及浏览器内核的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: if (!browser.ie && !browser.mac) { var UA = navigator.userAgent.toLowerCase().toString(); //判断是不是IE内核下的非IE版本 if ((UA.inde

JS判断浏览器是否支持某一个CSS3属性的方法_javascript技巧

1.引子 css3的出现让浏览器的表现更加的丰富多彩,表现冲击最大的就是动画了,在日常书写动画的时候,很有必要去事先判断浏览器是否支持,尤其是在写CSS3动画库的时候.比如transition的animation-play-state,就只有部分浏览器支持. 2.检测方法 下面的方法可以使用脚本判断浏览器是否支持某一个CSS3属性: /** * 判断浏览器是否支持某一个CSS3属性 * @param {String} 属性名称 * @return {Boolean} true/false * @

JS判断浏览器是否安装flash插件的简单方法_javascript技巧

1. 直接判断是否有flash插件 var myFlash = (function(){ if(typeof window.ActiveXObject != "undefined"){ return new ActiveXObject("ShockwaveFlash.ShockwaveFlash"); }else{ return navigator.plugins['Shockwave Flash']; } })();  chrome: Edge浏览器中取消了win

js判断浏览器类型

其实jQuery 也可以判断浏览器类型,但是从1.9之后就删除了$.browser  所以我没有使用jQuery 测试页面: Html代码   <html>   <head lang="en">       <meta charset="UTF-8">       <title></title>       <script type="text/javascript" src=&q

一段非常简单的js判断浏览器的内核_javascript技巧

大家应该还记得JavaScript行内样式怎么写吧?(看来我是废话了!) 在前端开发过程中,有时我们需要判断浏览器的内核前缀,对不同的浏览器做出不同的处理,因此我们可以这么做. alert(element.style.webkitTransition); 这个是获取以webkit为前缀的transition值.但如果不是webkit为前缀的浏览器,则会返回undefined.而我们可以将所有的内核前缀给枚举出来,然后获取其某个CSS的值,即可做出判断.代码如下: function getVend

js判断浏览器关闭

文章从网上搜索了三款js判断浏览器关闭哦,他们可以判断用户是关闭浏览呢,还是刷新浏览器,这都利用到了js onload unonload 等一些怪方法哦. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.aimeige.com.cn/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="

js 判断浏览器使用的语言示例代码

 这篇文章主要介绍了使用js 判断浏览器使用的语言,需要的朋友可以参考下 代码如下: <script type="text/javascript">  var language = navigator.browserLanguage?navigator.browserLanguage:navigator.language;  alert(language);  if (language.indexOf('en') > -1) document.location.hre

js判断浏览器类型及设备(移动页面开发)_javascript技巧

下面主要用javascript代码来判断浏览器类型及设备访问该网页面,支持手机上的所有浏览器,具体代码如下. <!DOCTYPE html> <html> <head> <title>JS判断是什么设备是什么浏览器-www.jb51.net</title> <meta charset="utf-8"> <meta name="apple-touch-fullscreen" content=

css js判断浏览器类型与浏览器版本

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.111cn.net/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="conte