Navigator 객체 브라우저 공급자 및 버전 정보 등을 포함한 브라우저에 대한 다양한 정보를 저장하는 객체 이름은 넷스케이프(Netscape)의 초기 웹 브라우저였던 네비게이터(Navigator)에서 유래 브라우저 스니핑(browser sniffing) 과거에는 방문자의 웹 브라우저의 종류를 미리 파악하여 조치함으로써, 브라우저 간의 호환성을 유지 호환성을 유지하는 방법 navigator 객체 > 이러한 브라우저 스니핑에서 사용할 수 있는 다양한 표준 프로퍼티 및 비표준 프로퍼티를 제공 하지만 현재는 이 방법보다 필요한 프로퍼티만을 간단하게 테스트하는 기능 테스팅 방법을 더 많이 사용 현재 브라우저의 이름 navigator 객체의 appName과 appCodeName 프로퍼티는 현재 사용하고 있는 브..

Screen 객체 사용자의 디스플레이 화면에 대한 다양한 정보를 저장하는 객체 사용자의 화면 크기 screen 객체의 width와 height 프로퍼티는 사용자의 디스플레이 화면의 크기를 픽셀 단위로 반환 예제 document.write("현재 사용자의 디스플레이 화면의 너비는 " + screen.width + "픽셀입니다. "); document.write("현재 사용자의 디스플레이 화면의 높이는 " + screen.height + "픽셀입니다. "); document.write("현재 브라우저 창의 너비는 " + window.outerWidth + "픽셀입니다. "); document.write("현재 브라우저 창의 높이는 " + window.outerHeight + "픽셀입니다. "); 코딩연습 ▶..

History 객체 브라우저의 히스토리 정보를 문서와 문서 상태 목록으로 저장하는 객체 자바스크립트는 사용자의 개인 정보를 보호하기 위해 이 객체에 접근하는 방법을 일부 제한하고 있음 히스토리 목록의 개수 history 객체의 length 프로퍼티는 브라우저 히스토리 목록의 개수를 반환 예제 function openDocument() { location.assign("/javascript/js_bom_history"); } document.getElementById("text").innerHTML = "현재 브라우저의 히스토리 목록의 개수는 " + history.length + "개 입니다."; 코딩연습 ▶ 히스토리 목록 접근하기 history 객체 back() 메소드 - 브라우저의 뒤로 가기 forwa..

Location 객체 현재 브라우저에 표시된 HTML 문서의 주소를 얻을때 사용 브라우저에 새 문서를 불러올 때 사용 Window 객체의 location 프로퍼티와 Document 객체의 location 프로퍼티에 같이 연결되어 있음 location 객체의 프로퍼티와 메소드를 이용하면, 현재 문서의 URL 주소를 다양하게 해석하여 처리할 수 있음 현재 문서의 URL 주소 location 객체의 href 프로퍼티는 현재 문서의 전체 URL 주소를 문자열로 반환 예제 document.write("현재 문서의 주소는 " + location.href + "입니다."); // 현재 문서의 URL 주소는 http://www.tcpschool.com/examples/tryit/tryhtml.php?filename=j..

브라우저 객체 모델(BOM)이란? 자바스크립트를 이용하면 브라우저의 정보에 접근하거나 브라우저의 여러 기능들을 제어할 수 있음 이때 사용할 수 있는 객체 모델 > 브라우저 객체 모델(BOM, Browser Object Model) 브라우저 객체 모델(BOM) 문서 객체 모델(DOM)과는 달리 W3C의 표준 객체 모델은 아님 하지만 이 모델은 자바스크립트가 브라우저의 기능적인 요소들을 직접 제어하고 관리할 방법을 제공 자바스크립트에서는 이러한 BOM 모델의 객체들을 전역 객체(global object)로 사용할 수 있음 Window 객체 웹 브라우저의 창(window)을 나타내는 객체 대부분의 웹 브라우저에서 지원 자바스크립트의 모든 객체, 전역 함수, 전역 변수들은 자동으로 window 객체의 프로퍼티가..

노드의 값 변경 nodeValue 프로퍼티 - 특정 노드의 값을 변경할 수 있음 setAttribute() 메소드 - 속성 노드의 속성값을 변경할 수 있게 해줌 요소 노드의 텍스트 요소 노드 자신이 직접 텍스트값을 가지지는 않음 요소 노드의 텍스트 요소 노드의 자식 노드인 텍스트 노드(text node)에 저장됨 요소 노드의 텍스트 값을 확인하거나 변경하고자 할 때 > 요소 노드에 포함된 텍스트 노드에 접근해야 함 텍스트 노드의 값 변경 nodeValue 프로퍼티 텍스트 노드의 값을 변경 예제 var para = document.getElementById("text"); // 아이디가 "text"인 요소를 선택함. function changeText() { para.firstChild.nodeValue ..