Maison >interface Web >js tutoriel >Comment déterminer le type de version du navigateur en fonction de jQuery1.9 version_jquery

Comment déterminer le type de version du navigateur en fonction de jQuery1.9 version_jquery

WBOYoriginal: 2016-05-16 15:20:311496parcourir

Dans les versions antérieures à jquery.1.9, vous pouvez utiliser $.browser pour déterminer facilement le type et la version du navigateur. Cependant, dans les versions 1.9 et ultérieures, $.browser a été supprimé. Voici une introduction à la façon d'y parvenir. J'espère que cette fonctionnalité pourra aider les amis dans le besoin.

1. Code personnalisé :

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

Dans le code ci-dessus, la valeur de retour de l'expression après le signe égal est de type booléen et sert à indiquer si ce navigateur est pris en charge. Cela permet d'obtenir un effet $.browser personnalisé.

2. Déterminez le navigateur IE6 :

Utilisez le code suivant avant jquery1.9 :

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

jquery1.9 et versions ultérieures utilisent le code suivant :

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

3. Déterminez les navigateurs IE6-IE8 :

if (!$.support.leadingWhitespace) {}

Pour résumer, nos exigences ont été pratiquement satisfaites, je ne le présenterai donc pas beaucoup ici.

Développez les points de connaissances :

Définition et utilisation de jQuery.browser :

Identification du noyau du navigateur, jugée sur la base de navigator.userAgent.

Valeurs disponibles : safari, opera, msie et mozilla.

La technologie de détection d'objets du navigateur utilisée avec cet attribut fournit une prise en charge fiable de la détection du navigateur.

Supprimé dans jQuery 1.9.

Si la page Web s'exécute dans le navigateur Opera, alors jQuery.browser.opera renverra true, sinon elle renverra false.
D'autres valeurs d'attribut peuvent être déduites de la même manière.

Exemple de code :

<!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>

Utilisation du type d'opérateur :

L'opérateur typeof est placé avant l'opérande pour détecter le type de données de l'opérande et renvoie une chaîne pour décrire le type de l'opérande.
Les opérandes peuvent être des variables ou des valeurs.

Valeurs possibles renvoyées par type d'opérateur :

1. Si aucune valeur n'est attribuée à la variable ou si la valeur de la variable est attribuée à une valeur indéfinie, alors une valeur indéfinie est renvoyée.

Exemple :

var a
console.log(typeof(a))

La variable a n'a pas reçu de valeur pour le moment, la variable est implicitement affectée par défaut. Résultat de sortie : non défini.

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

La variable a reçoit la valeur indéfinie. Résultat de sortie : non défini.

2. Si la variable ou la valeur est de type booléen, renvoie booléen.

Exemple de code :

console.log(typeof (true))

Résultat de sortie : booléen.

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

Résultat de sortie : booléen.

3. Si la variable ou la valeur est de type numérique, renvoie le nombre.

console.log(typeof(1))

Résultat de sortie : nombre.

4. Si la variable ou la valeur est une chaîne, renvoie la chaîne.

console.log(typeof("mayi"))

Résultat de sortie : chaîne.

console.log(typeof("a"))

Il n'y a pas de types de caractères dans ECMAScript. Donc, ce code produira également une chaîne.

5. Si la variable est un type référence ou null, l'objet sera renvoyé.

Remarque : null peut être considéré comme un espace réservé pour un objet, donc la valeur de retour est également un objet.

Exemple de code :

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

Créez une instance d'objet temporel a, qui est un type de référence. Résultat de sortie : objet.

console.log(typeof(null))

Résultat de sortie : objet.

6. Si la variable est une fonction, renvoie la fonction

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

Résultat de sortie : fonction.

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

Résultat de sortie : fonction.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Implémentation Javascript de la case à cocher exemple de case à cocher compétences code_javascriptArticle suivant：Implémentation Javascript de la case à cocher exemple de case à cocher compétences code_javascript

Articles Liés

Voir plus