HTML CSS 자바스크립트 무작정 따라하기

Presentation on theme: "HTML CSS 자바스크립트 무작정 따라하기"— Presentation transcript:

1 HTML CSS 자바스크립트 무작정 따라하기

2 Chapter 14. 브라우저를 제어하는 객체들

3 HTML CSS 자바스크립트 무작정 따라하기
학습목표 브라우저의 주소 표시줄을 관리하는 location 객체에 대해 알 수 있다. history 객체를 이해하고 이를 활용하여 브라우저 화면을 뒤나 앞으로 이동할 수 있다. 사용자의 브라우저 정보를 확인할 수 있다. HTML CSS 자바스크립트 무작정 따라하기

4 location 객체 브라우저의 주소 표시줄과 관련되어 있는 객체
현재 문서의 URL 주소에 대한 정보를 가지고 있는데 이 정보를 편집하면 현재 브라우저 창에 열릴 사이트나 문서를 지정할 수 있다. location 객체의 프로퍼티 프로퍼티 설명 hash 책갈피 이름 pathname 링크의 경로 host URL과 호스트 이름, 포트 번호 port 포트 번호 hostname URL과 호스트 이름 protocol 프로토콜 href URL search 검색엔진 호출 location 메서드 메서드 설명 reload() 문서를 다시 읽어온다. replace() 현재 문서를 다른 URL의 문서로 바꾼다.

5 history 객체 브라우저에서 여기저기 돌아다녔던 주소들이 목록으로 저장되어 있다.
현재 문서의 URL 주소에 대한 정보를 가지고 있는데 이 정보를 편집하면 현재 브라우저 창에 열릴 사이트나 문서를 지정할 수 있다. history 객체의 프로퍼티 프로퍼티 설명 length URL 주소의 개수 익스플로러에서는 0부터 시작하고 넷스케이프에서는 1부터 시작하기 때문에 익스플로러에서는 history.length 값에 1을 더해야 URL 주소의 개수가 된다 history 메서드 메서드 설명 back( ) 브라우저 창의 [뒤로] 버튼을 누른 것처럼 히스토리에서 한 단계 뒤로 이동한다. forward( ) 브라우저 창의 [앞으로] 버튼을 누른 것처럼 히스토리에서 한 단계 앞으로 이동한다. go( ) back() 메서드와 forward() 메서드가 한 단계씩만 앞뒤로 오갈 수 있는 것에 비해 이 메서드는 괄호 안에 지정하는 만큼 앞뒤로 옮길 수 있다.

6 navigator 객체 브라우저의 정보를 가지고 있다. 브라우저 정보를 수정할 수는 없고 보여줄 수만 있다.
프로퍼티 설명 appCodeName 브라우저의 코드명 Platform 시스템 코드 appName 브라우저의 종류 userAgetn 브라우저 정보 appVersion 브라우저의 버전 navigator 메서드 메서드 설명 javaEnabled() 자바를 지원하는지 확인하는 메서드. 반환값은 true(자바 지원)와 false(자바 지원 안함) taintEnabled() 브라우저가 손상되었는지 확인하는 메서r드. 반환값은 true(브라우저 고장)와 false(브라우저 정상)