전역 객체 window

DOM, BOM, JSC 는 모두 전역 객체 window의 속성들이다.

BOM

Browser Object Model로 브라우저를 제어하는 객체 모음이다.

alert

• 경고창을 띄우는 기능
• 경고창이 실행 되는 동안 확인 전까지 다음 코드가 동작하지 않는다.
• 예시 alert('hello');

confirm

• 확인, 취소 창을 띄우는 기능
• 확인은 True, 취소는 False를 반환하여 조건문을 수행시킬 수 있다.
• 예시 if(confirm('조건')){...}

prompt

• 사용자의 입력 값을 얻어오는 기능
• 입력 값으로 조건문을 수행할 수 있다.
• 예시 if(prompt('id') === 'hello'){...}

Location 객체

현재 열려있는 문서의 URL을 알 수 있는 기능

• location.href
  - 현재 문서의 주소 값
• location.protocol
  - http:
• location.host
  - 컴퓨터 주소 값
• location.port
  - 소프트웨어 식별 번호
• location.pathname
  - 구체적 경로
• location.search
  - ? 뒤의 정보
• location.#bookmark
  - bookmark 정보

URL 변경하기

• location.href = 'URL'
• location = 'URL'

현재 페이지 리로드

• location.href = location.href
• location.reload()

Navigator 객체

브라우저 정보를 제공하는 객체

cross browsing : 브라우저 마다 다르게 동작하여 지원하는 기능이 서로달라 생가는 현상

console.dir

property를 열람할 수 있는 기능

기능 테스트

object.keys를 활용하여 브라우저가 기능을 수행할 수 있는지 확인하고 기능이 없다면 추가해줄 수 있다.

창제어

• window.open('url'); - 새창에서 열기
• window.open('url','_self'); - 자신의 창에서 열기
• window.open('url','_blank') - 새창에서 열기
• window.open('url','ot') - 새창에서 열고 동일한 창이 있다면 그 곳에 문서를 다시 로드
• window.open('url','_blank','width=200, height=200, resizable = yes'); - 새 창에서 열고 새 창의 옵션 설정

원격 창 제어

같은 서버에 있는 문서를 원격으로 제어하는 방법

• var win = window.open('url') 을 이용하여 새 창을 변수에 저장한다.
• win.close()를 활용하여 문서를 닫을 수 있다.

팝업 차단

버튼의 클릭 등의 사용자에 의해서 열리는 창은 차단하지 않지만 자동으로 열리는 팝업 창에 대해서는 차단한다.