JS 튜토리얼

제이에스 홈 JS 소개 JS 어디로 JS 출력 JS 문 JS 구문 JS 코멘트 JS 변수 제이에스렛 JS 상수 JS 연산자 JS 산술 JS 할당 JS 데이터 유형 JS 함수 JS 객체 JS 이벤트 JS 문자열 JS 문자열 메서드 JS 문자열 검색 JS 문자열 템플릿 JS 번호 JS 숫자 메서드 JS 배열 JS 배열 메서드 JS 배열 정렬 JS 배열 반복 JS 배열 상수 JS 날짜 JS 날짜 형식 JS 날짜 가져오기 메서드 JS 날짜 설정 방법 JS 수학 JS 랜덤 JS 부울 JS 비교 JS 조건 JS 스위치 JS 루프 In에 대한 JS 루프 의 JS 루프 JS 루프 동안 JS 브레이크 JS 이터러블 JS 세트 JS 맵 JS 유형 JS 유형 변환 JS 비트와이즈 JS 정규 표현식 JS 오류 JS 범위 JS 호이스팅 JS 엄격 모드 JS 이 키워드 JS 화살표 함수 JS 클래스 JS JSON JS 디버깅 JS 스타일 가이드 JS 모범 사례 JS 실수 JS 성능 JS 예약어

JS 버전

JS 버전 JS 2009(ES5) JS 2015(ES6) JS 2016 JS 2017 JS 2018 JS IE / 엣지 JS 연혁

JS 객체

객체 정의 개체 속성 개체 메서드 개체 표시 개체 접근자 객체 생성자 개체 프로토타입 객체 반복 가능 객체 세트 객체 맵 개체 참조

JS 함수

기능 정의 기능 매개변수 함수 호출 함수 호출 기능 적용 함수 클로저

JS 클래스

수업 소개 클래스 상속 클래스 정적

JS 비동기

JS 콜백 JS 비동기 JS 약속 JS 비동기/대기

JS HTML DOM

DOM 소개 DOM 메서드 DOM 문서 DOM 요소 DOM HTML DOM 양식 DOM CSS DOM 애니메이션 DOM 이벤트 DOM 이벤트 리스너 DOM 탐색 DOM 노드 DOM 컬렉션 DOM 노드 목록

JS 브라우저 BOM

JS 창 JS 화면 JS 위치 JS 연혁 JS 네비게이터 JS 팝업 경고 JS 타이밍 JS 쿠키

JS 웹 API

웹 API 소개 웹 양식 API 웹 기록 API 웹 스토리지 API 웹 작업자 API 웹 가져오기 API 웹 지리적 위치 API

JS 아약스

AJAX 소개 AJAX XMLHttp AJAX 요청 AJAX 응답 AJAX XML 파일 AJAX PHP AJAX ASP AJAX 데이터베이스 AJAX 애플리케이션 AJAX 예제

JS JSON

JSON 소개 JSON 구문 JSON 대 XML JSON 데이터 유형 JSON 구문 분석 JSON 문자열화 JSON 객체 JSON 배열 JSON 서버 JSON PHP JSON HTML JSON JSONP

JS 대 jQuery

jQuery 선택기 제이쿼리 HTML 제이쿼리 CSS 제이쿼리 DOM

JS 그래픽

JS 그래픽 JS 캔버스 JS 플로틀리 JS 차트.js JS 구글 차트 JS D3.js

JS 예제

JS 예제 JS HTML DOM JS HTML 입력 JS HTML 객체 JS HTML 이벤트 JS 브라우저 JS 편집기 JS 연습 JS 퀴즈 JS 인증서

JS 참조

자바스크립트 객체 HTML DOM 객체


자바스크립트 윈도우 네비게이터


window.navigator개체에는 방문자의 브라우저에 대한 정보가 포함되어 있습니다 .


창 내비게이터

window.navigator접두사 없이 개체를 작성할 수 있습니다.

몇 가지 예:

  • navigator.appName
  • navigator.appCodeName
  • navigator.platform

브라우저 쿠키

cookieEnabled쿠키가 활성화되면 속성이 true를 반환하고 그렇지 않으면 false를 반환합니다 .

예시

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"cookiesEnabled is " + navigator.cookieEnabled;
</script>

브라우저 애플리케이션 이름

속성 은 appName브라우저의 애플리케이션 이름을 반환합니다.

예시

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.appName is " + navigator.appName;
</script>

이상하게도 "Netscape"는 IE11, Chrome, Firefox 및 Safari의 응용 프로그램 이름입니다.



브라우저 애플리케이션 코드 이름

속성 은 appCodeName브라우저의 애플리케이션 코드 이름을 반환합니다.

예시

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.appCodeName is " + navigator.appCodeName;
</script>

"Mozilla"는 Chrome, Firefox, IE, Safari 및 Opera의 애플리케이션 코드 이름입니다.


브라우저 엔진

속성 은 product브라우저 엔진의 제품 이름을 반환합니다.

예시

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.product is " + navigator.product;
</script>

이것에 의존하지 마십시오. 대부분의 브라우저는 "Gecko"를 제품 이름으로 반환합니다!!


브라우저 버전

속성 은 appVersion브라우저에 대한 버전 정보를 반환합니다.

예시

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.appVersion;
</script>

브라우저 에이전트

속성 은 userAgent브라우저에서 서버로 보낸 사용자 에이전트 헤더를 반환합니다.

예시

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.userAgent;
</script>

경고 !!!

navigator 객체의 정보는 종종 오해의 소지가 있으며 다음과 같은 이유로 브라우저 버전을 감지하는 데 사용해서는 안 됩니다.

  • 다른 브라우저는 동일한 이름을 사용할 수 있습니다.
  • 탐색기 데이터는 브라우저 소유자가 변경할 수 있습니다.
  • 일부 브라우저는 사이트 테스트를 우회하기 위해 자신을 잘못 식별합니다.
  • 브라우저는 브라우저보다 늦게 출시된 새 운영 체제를 보고할 수 없습니다.

브라우저 플랫폼

속성 은 platform브라우저 플랫폼(운영 체제)을 반환합니다.

예시

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.platform;
</script>

브라우저 언어

속성 은 language브라우저의 언어를 반환합니다.

예시

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.language;
</script>

브라우저가 온라인 상태입니까?

브라우저가 온라인 상태 인 onLine경우 속성은 true를 반환합니다.

예시

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.onLine;
</script>

Java가 활성화되어 있습니까?

Java 가 활성화된 경우 javaEnabled()메서드는 true를 반환합니다 .

예시

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.javaEnabled();
</script>