> 웹 프론트엔드 > JS 튜토리얼 > jQuery1.9 version_jquery를 기반으로 브라우저 버전 유형을 확인하는 방법

jQuery1.9 version_jquery를 기반으로 브라우저 버전 유형을 확인하는 방법

WBOY
풀어 주다: 2016-05-16 15:20:31
원래의
1500명이 탐색했습니다.

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에서 제거되었습니다.

웹페이지가 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. 변수에 값이 할당되지 않았거나 변수 값이 정의되지 않은 경우 undefed가 반환됩니다.

예:

var a
console.log(typeof(a))
로그인 후 복사

변수 a에는 값이 할당되지 않았으며, 이 때 변수는 기본적으로 undefine으로 암시적으로 할당됩니다. 출력 결과: 정의되지 않았습니다.

var a=undefined;
console.log(typeof(a))
로그인 후 복사

변수 a에는 정의되지 않은 값이 할당됩니다. 출력 결과: 정의되지 않았습니다.

2. 변수 또는 값이 Boolean 유형인 경우 Boolean을 반환합니다.

예제 코드:

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를 만듭니다. 출력 결과: objct.

console.log(typeof(null))
로그인 후 복사

출력 결과: object.

6. 변수가 함수인 경우 함수를 반환합니다

console.log(typeof(function(){alert("大家好")}))
로그인 후 복사

출력 결과: function.

var a=function(){alert("大家好")}
console.log(typeof(a))
로그인 후 복사

출력 결과: function.

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿