jQuery1.9 version_jqueryに基づいてブラウザのバージョンタイプを判断する方法-jsチュートリアル-php.cn

jQuery1.9 version_jqueryに基づいてブラウザのバージョンタイプを判断する方法

WBOY

リリース： 2016-05-16 15:20:31

オリジナル

1490 人が閲覧しました

jquery.1.9 より前のバージョンでは、$.browser を使用してブラウザの種類とバージョンを簡単に確認できますが、1.9 以降のバージョンでは、$.browser が削除されています。この機能が困っている友達を助けることができれば幸いです。

1. カスタムコード:

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

ログイン後にコピー

上記のコードでは、等号の後の式の戻り値はブール型で、このブラウザがサポートされているかどうかを示すために使用されます。これにより、カスタム $.browser 効果が実現します。

2. IE6 ブラウザを決定します:

jquery1.9 より前では次のコードを使用してください:

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

ログイン後にコピー

jquery1.9 以降では、次のコードを使用します:

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

ログイン後にコピー

3. IE6 ～ IE8 ブラウザを決定します:

if (!$.support.leadingWhitespace) {}

ログイン後にコピー

まとめると、要件はほぼ達成されているので、ここではあまり紹介しません。

知識ポイントを拡張する:

jQuery.browser の定義と使用法:

ブラウザカーネルの識別。navigator.userAgent に基づいて判断されます。

利用可能な値: safari、opera、msie、mozilla。

この属性で使用されるブラウザオブジェクト検出テクノロジは、信頼性の高いブラウザ検出サポートを提供します。

jQuery 1.9 で削除されました。

Web ページが Opera ブラウザで実行されている場合、jQuery.browser.opera は true を返し、それ以外の場合は false を返します。
他の属性値も同様に推定できます。

コード例:

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

ログイン後にコピー

typeof 演算子の使用法:

typeof 演算子はオペランドの前に配置され、オペランドのデータ型を検出し、オペランドの型を説明する文字列を返します。
オペランドには変数または値を指定できます。

typeof 演算子によって返される可能な値:

1. 変数に値が割り当てられていない場合、または変数値が未定義に割り当てられている場合は、unknown が返されます。

例:

var a
console.log(typeof(a))

ログイン後にコピー

変数 a には値が割り当てられていません。この時点では、変数にはデフォルトで暗黙的に未定義が割り当てられています。出力結果：未定義。

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

ログイン後にコピー

変数 a には未定義の値が代入されます。出力結果：未定義。

2. 変数または値がブール型の場合は、ブール値を返します。

コード例:

console.log(typeof (true))

ログイン後にコピー

出力結果: ブール値。

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

ログイン後にコピー

出力結果: ブール値。

3. 変数または値が数値型の場合は、数値を返します。

console.log(typeof(1))

ログイン後にコピー

出力結果:数値。

4. 変数または値が文字列の場合は、文字列を返します。

console.log(typeof("mayi"))

ログイン後にコピー

出力結果: 文字列。

console.log(typeof("a"))

ログイン後にコピー

ECMAScript には文字タイプはありません。したがって、このコードは文字列も出力します。

5. 変数が参照型または null の場合、オブジェクトが返されます。

注: null はオブジェクトのプレースホルダーと見なすことができるため、戻り値もオブジェクトになります。

コード例:

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

ログイン後にコピー

参照型である時間オブジェクトインスタンス a を作成します。出力結果: object.

console.log(typeof(null))

ログイン後にコピー

出力結果: オブジェクト。

6. 変数が関数の場合、関数を返します

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

ログイン後にコピー

出力結果: 関数。

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

ログイン後にコピー

出力結果: 関数。