BOM 5

BOM : 창 제어

window. open* 새 창 띄우기 1. 첫번째 인자는 새 창에 로드할 문서의 URL이다. 인자를 생략하면 이름이 붙지 않은 새 창이 만들어진다. 2. 두번째 인자는 새 창의 이름이다. _self는 스크립트가 실행되는 창을 의미한다. 3. _blank는 새 창을 의미한다. 4. 창에 이름을 붙일 수 있다. open을 재실행 했을 때 동일한 이름의 창이 있다면 그곳으로 문서가 로드된다. 5. 세번재 인자는 새 창의 모양과 관련된 속성이 온다. 6. 새 창에 접근 (보안상 문제로 서버 구축을 한 뒤 실습!) //onkeypress 이벤트는 사용자가 입력(this.value)을 완성할 때마다 winmessage(this.value) 함수를 실행 * 새 창을 띄우고 새 창과 커뮤니케이션 하는 방법이다.* 이..

WEB/JavaScript 2016.10.14

BOM : Navigator 객체

Navigator 객체* 브라우저의 버전, 제품명 등 정보를 알 수 있는 기능.* 주로 호환성 문제 등을 위해 사용한다. 1. Navigator의 모든 프로퍼티 확인 console.dir(navigator); 2. appName alert(navigator.appName); * 웹 브라우저의 이름이다. IE는 Microsoft Internet Explorer, 파이어폭스, 크롬등은 Nescape로 표시한다. 3. appVersion alert(navigator.appVersion); * 브라우저의 버전. 4. userAgent alert(navigator.userAgent); * 브라우저가 서버측으로 전송하는 USER-AGENT HTTP 헤더의 내용이다. appVersion과 비슷하다. 5. platfo..

WEB/JavaScript 2016.10.14

BOM : Location 객체

Location 객체* 문서의 주소와 관련된 객체로, 현재 브라우저 창에 열려있는 URL을 알려주거나 문서의 URL을 변경하거나 문서의 위치와 관련한 다양한 정보를 얻을 수 있다. 1. 현재 문서의 URL 알아내기 alert(location.toString()); alert(location.href); //선호 console.log(location.toString(), location.href); 2. URL Parsing console.log(location.protocol, location.host, location.port, location.pathname, location.search, location.hash); * protocol : 현재 문서의 프로토콜을 알려줌 * host : 각 서비스를 ..

WEB/JavaScript 2016.10.14

Object Model

웹브라우저의 구성요소들은 하나하나 객체화되어있다. 자바스크립트로 이 객체를 제어해서 웹브라우저를 제어할 수 있게 된다. 이 객체들은 서로 계층적인 관계로 구조화되어 있다. BOM과 DOM은 이 구조를 구성하고 있는 가장 큰 분류라고 할 수 있다. JavaScript Core(Ecma Script Specification)* 변수, 데이터형, 제어루프, 조건문 등 Script 프로그래밍 언어의 핵심 기능이 포함되어 있다. * 웹브라우저에 따라 다르고, 기능을 추가하거나 제거할 수 있다. * JavaScript 자체에 정의되어 있는 객체가 속해있다. DOM (Document Object Model)* 문서 안의 요소를 액세스 하는 API.* 웹페이지의 내용을 제어한다. window의 프로퍼티인 documen..

WEB/JavaScript 2016.10.14
반응형