基于jQuery1.9版本如何判斷瀏覽器版本類(lèi)型
在jquery.1.9以前的版本,可以使用$.browser很輕松的判斷瀏覽器的類(lèi)型和版本,但是在1.9中和以后的版本中,$.browser已經(jīng)被刪除,下面就介紹一下如何實(shí)現(xiàn)此功能,希望能夠給需要的朋友帶來(lái)幫助。
一.自定義代碼:
$.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase()); $.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase()); $.browser.opera = /opera/.test(navigator.userAgent.toLowerCase()); $.browser.msie = /msie/.test(navigator.userAgent.toLowerCase());
以上代碼中,等號(hào)后面的表達(dá)式返回值是布爾類(lèi)型的,用來(lái)表示是否支持此瀏覽器。這樣就實(shí)現(xiàn)了自定義的$.browser效果。
二.判斷IE6瀏覽器:
jquery1.9之前使用以下代碼:
if ($.browser.msie && 7 > $.browser.version) {}
jquery1.9和之后使用以下代碼:
if ('undefined' == typeof(document.body.style.maxHeight)) {}
三.判斷IE6-IE8瀏覽器:
if (!$.support.leadingWhitespace) {}
綜上所述,基本實(shí)現(xiàn)了我們的要求,這里就不多介紹了。
擴(kuò)展知識(shí)點(diǎn):
jQuery.browser的定義和用法:
瀏覽器內(nèi)核標(biāo)識(shí),依據(jù) navigator.userAgent 判斷。
可用值: safari 、opera 、msie 和mozilla。
瀏覽器對(duì)象檢測(cè)技術(shù)與此屬性共同使用可提供可靠的瀏覽器檢測(cè)支持。
在jQuery 1.9中已經(jīng)刪除。
如果網(wǎng)頁(yè)在opera瀏覽器中運(yùn)行,那么jQuery.browser.opera會(huì)返回true,否則返回false。
其他的屬性值以此類(lèi)推。
實(shí)例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert($.browser.msie);
});
</script>
</head>
<body>
如果在IE瀏覽器中運(yùn)行則返回true,否則返回false。
</body>
</html>
typeof 運(yùn)算符的用法:
typeof運(yùn)算符放在操作數(shù)之前,可以檢測(cè)此操作數(shù)的數(shù)據(jù)類(lèi)型,并返回一個(gè)字符串用以說(shuō)明操作數(shù)的類(lèi)型。
操作數(shù)可以是變量或者值等。
typeof運(yùn)算符可能返回的值:
一.如果變量未賦值或者變量值賦值為undefined,則返回undefined。
實(shí)例實(shí)例:
var a console.log(typeof(a))
變量a沒(méi)有被賦值,這個(gè)時(shí)候變量被默認(rèn)隱式賦值undefined。輸出結(jié)果:undefined。
var a=undefined; console.log(typeof(a))
變量a被賦值undefined。輸出結(jié)果:undefined。
二.如果變量或者值是布爾類(lèi)型,則返回boolean。
實(shí)例代碼:
console.log(typeof (true))
輸出結(jié)果:boolean。
var a=2,b=1,c=3,d; d=a+b; console.log(typeof(c==d))
輸出結(jié)果:boolean。
三.如果變量或者值是數(shù)值類(lèi)型,則返回number。
console.log(typeof(1))
輸出結(jié)果:number。
四.如果變量或者值是字符串,則返回string。
console.log(typeof("mayi"))
輸出結(jié)果:string。
console.log(typeof("a"))
ECMAScript中沒(méi)有字符類(lèi)型。所以此段代碼也會(huì)輸出string。
五.變量是引用類(lèi)型或者null,則會(huì)返回object。
注:null可以認(rèn)為是對(duì)象的占位符,所以返回值也是object。
實(shí)例代碼:
var a=new Date; console.log(typeof(a))
建立一個(gè)時(shí)間對(duì)象實(shí)例a,它是一個(gè)引用類(lèi)型。輸出結(jié)果: objct。
console.log(typeof(null))
輸出結(jié)果: object。
六.如果變量是函數(shù),則返回function
console.log(typeof(function(){alert("大家好")}))
輸出結(jié)果:function。
var a=function(){alert("大家好")}
console.log(typeof(a))
輸出結(jié)果:function。
相關(guān)文章
jQuery EasyUI中的日期控件DateBox修改方法
下面小編就為大家?guī)?lái)一篇jQuery EasyUI中的日期控件DateBox修改方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
jquery+json 通用三級(jí)聯(lián)動(dòng)下拉列表
用Jquery實(shí)現(xiàn),原始代碼只支持IE,這里我改了一下,我的代碼里面有三個(gè)版本的實(shí)現(xiàn)2010-04-04
jQuery動(dòng)態(tài)操作表單示例【基于table表格】
這篇文章主要介紹了jQuery動(dòng)態(tài)操作表單,結(jié)合實(shí)例形式分析了jQuery針對(duì)table表格的數(shù)據(jù)添加、刪除、元素修改、提交等相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
jQuery實(shí)現(xiàn)鼠標(biāo)懸停3d菜單展開(kāi)動(dòng)畫(huà)效果
本文主要介紹了jQuery鼠標(biāo)懸停3d菜單展開(kāi)動(dòng)畫(huà)效果的示例代碼,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01
基于jquery的inputlimiter 實(shí)現(xiàn)字?jǐn)?shù)限制功能
因客戶(hù)要求區(qū)分全角跟半角,所以在jquery.inputlimiter.js插件上還做了些小改動(dòng)。2010-05-05

