BOM5 BOM : 창 제어 window. open* 새 창 띄우기 1. 첫번째 인자는 새 창에 로드할 문서의 URL이다. 인자를 생략하면 이름이 붙지 않은 새 창이 만들어진다. 2. 두번째 인자는 새 창의 이름이다. _self는 스크립트가 실행되는 창을 의미한다. 3. _blank는 새 창을 의미한다. 4. 창에 이름을 붙일 수 있다. open을 재실행 했을 때 동일한 이름의 창이 있다면 그곳으로 문서가 로드된다. 5. 세번재 인자는 새 창의 모양과 관련된 속성이 온다. 6. 새 창에 접근 (보안상 문제로 서버 구축을 한 뒤 실습!) //onkeypress 이벤트는 사용자가 입력(this.value)을 완성할 때마다 winmessage(this.value) 함수를 실행 * 새 창을 띄우고 새 창과 커뮤니케이션 하는 방법이다.* 이.. 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.. 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 : 각 서비스를 .. 2016. 10. 14. BOM : 커뮤니케이션 alert* 경고창, 사용자에게 정보를 제공하거나 디버깅의 용도로 많이 쓴다. 2016. 10. 14. 이전 1 2 다음 반응형