suchen

Heim >Web-Frontend >js-Tutorial >So ermitteln Sie den Browserversionstyp basierend auf jQuery1.9 version_jquery

So ermitteln Sie den Browserversionstyp basierend auf jQuery1.9 version_jquery

WBOY
WBOYOriginal
2016-05-16 15:20:311504Durchsuche

In Versionen vor jquery.1.9 können Sie $.browser verwenden, um den Browsertyp und die Version einfach zu bestimmen. In 1.9 und späteren Versionen wurde $.browser jedoch gelöscht. Ich hoffe, dass diese Funktion Freunden in Not helfen kann.

1. Benutzerdefinierter Code: 

$.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());

Im obigen Code ist der Rückgabewert des Ausdrucks nach dem Gleichheitszeichen vom booleschen Typ und wird verwendet, um anzugeben, ob dieser Browser unterstützt wird. Dadurch wird ein benutzerdefinierter $.browser-Effekt erzielt.

2. Bestimmen Sie den IE6-Browser:

Verwenden Sie den folgenden Code vor jquery1.9: 

if ($.browser.msie && 7 > $.browser.version) {}

jquery1.9 und höher verwenden den folgenden Code: 

if ('undefined' == typeof(document.body.style.maxHeight)) {}

3. IE6-IE8-Browser bestimmen:

if (!$.support.leadingWhitespace) {}

Zusammenfassend lässt sich sagen, dass unsere Anforderungen im Wesentlichen erfüllt wurden, daher werde ich hier nicht viel näher darauf eingehen.

Wissenspunkte erweitern:

Definition und Verwendung von jQuery.browser:

Browser-Kernel-Identifikation, beurteilt anhand von navigator.userAgent.

Verfügbare Werte: Safari, Opera, Msie und Mozilla.

Die mit diesem Attribut verwendete Browserobjekterkennungstechnologie bietet zuverlässige Browsererkennungsunterstützung.

In jQuery 1.9 entfernt.

Wenn die Webseite im Opera-Browser ausgeführt wird, gibt jQuery.browser.opera true zurück, andernfalls false.
Andere Attributwerte können auf die gleiche Weise abgeleitet werden.

Beispielcode:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.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浏览器中运行则返回true，否则返回false。 
</body> 
</html>

Verwendung des Operatortyps:

Der Operator „typeof“ wird vor dem Operanden platziert, um den Datentyp des Operanden zu erkennen, und gibt eine Zeichenfolge zur Beschreibung des Typs des Operanden zurück.
Operanden können Variablen oder Werte sein.

Mögliche vom Typ des Operators zurückgegebene Werte:

1. Wenn der Variablen kein Wert zugewiesen ist oder der Variablenwert undefiniert zugewiesen ist, wird undefiniert zurückgegeben.

Beispiel:

var a
console.log(typeof(a))

Variable a wurde derzeit kein Wert zugewiesen. Standardmäßig ist die Variable implizit undefiniert zugewiesen. Ausgabeergebnis: undefiniert. 

var a=undefined;
console.log(typeof(a))

Variable a wird der Wert undefiniert zugewiesen. Ausgabeergebnis: undefiniert.

2. Wenn die Variable oder der Wert vom Typ Boolesch ist, geben Sie einen Booleschen Wert zurück.

Beispielcode:

console.log(typeof (true))

Ausgabeergebnis: boolean. 

var a=2,b=1,c=3,d;
d=a+b;
console.log(typeof(c==d))

Ausgabeergebnis: boolean.

3. Wenn die Variable oder der Wert ein numerischer Typ ist, geben Sie eine Zahl zurück. 

console.log(typeof(1))

Ausgabeergebnis: Zahl.

4. Wenn die Variable oder der Wert eine Zeichenfolge ist, geben Sie eine Zeichenfolge zurück. 

console.log(typeof("mayi"))

Ausgabeergebnis: Zeichenfolge. 

console.log(typeof("a"))

In ECMAScript gibt es keine Zeichentypen. Dieser Code gibt also auch eine Zeichenfolge aus.

5. Wenn die Variable ein Referenztyp oder null ist, wird das Objekt zurückgegeben.

Hinweis: Null kann als Platzhalter für ein Objekt betrachtet werden, daher ist der Rückgabewert auch Objekt.

Beispielcode:

var a=new Date;
console.log(typeof(a))

Erstellen Sie eine Zeitobjektinstanz a, bei der es sich um einen Referenztyp handelt. Ausgabeergebnis: Objekt. 

console.log(typeof(null))

Ausgabeergebnis: Objekt.

6. Wenn die Variable eine Funktion ist, Rückgabefunktion

console.log(typeof(function(){alert("大家好")}))

Ausgabeergebnis: Funktion. 

var a=function(){alert("大家好")}
console.log(typeof(a))

Ausgabeergebnis: Funktion.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Javascript-Implementierung des Checkbox-Kontrollkästchens, Beispielcode_Javascript-KenntnisseNächster Artikel：Javascript-Implementierung des Checkbox-Kontrollkästchens, Beispielcode_Javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen