[Javascript 기본 개념] Javascript 문법-객체/Location/Navigator/제어대상

1.1  객체

*객체의 생성 방법
var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80};	var grades = {}; grades['egoing'] = 10; grades['k8805'] = 6; grades['sorialgi'] = 80;	var grades = new Object(); grades['egoing'] = 10; grades['k8805'] = 6; grades['sorialgi'] = 80;

 

-객체가 아닌 데이터 타입을 원시 데이터 타입(primitive type)이라고 한다.

그 외의 모든 데이터 타입들은 객체다. 

-레퍼객체로는 String, Number, Boolean이 있다. null과 undefined는 레퍼 객체가 존재하지 않는다.

 

 

1.1.1  Location 객체

-문서의 주소와 관련된 객체로 Window 객체의 프로퍼티

-윈도우의 문서 URL을 변경할 수 있고, 문서의 위치와 관련해서 다양한 정보를 얻을 수 있다.

 

* 현재 윈도우의 문서가 위치하는 URL console.log(location.toString(), location.href);   * URL을 의미에 따라서 별도의 프로퍼티로 제공 console.log(location.protocol, location.host, location.port, location.pathname, location.search, location.hash)   *해당 URL로 이동 location.href =’이동할 URL 입력’;  // .href 생략 가능   *현재 문서 리로드 location.reload();

 

1.1.2  Navigator 객체

-브라우저의 정보를 제공하는 객체다. 주로 호환성 문제 등을 위해서 사용

* 모든 프로퍼티를 열람 console.dir(navigator);   *appName – 웹 브라우저의 이름  appVersion- 브라우저의 버전을 의미  userAgent- 브라우저가 서버측으로 전송하는 USER-AGENT HTTP헤더의 내용  platform- 브라우저가 동작하고 있는 운영체제에 대한 정보

 

1.9.3 제어 대상 찾기

제어의 대상에 해당되는 객체를 찾는 것이 제일 먼저 할 일 à document 객체의 메소드를 이용

 

document.getElementsByTagName	-전달된 태그명에 해당하는 객체들을 찾아서 그  리스트를 NodeList라는 유사 배열에 담아서 반환 -length와 배열접근연산자를 사용해서 엘리먼트를 조회할 수 있다.   Ex ) var ul = document.getElementsByTagName('ul')[0]; var lis = ul.getElementsByTagName('li');
document.getElementByClassName	-class 속성의 값을 기준으로 객체를 조회
document.getElementById	-id 값을 기준으로 객체를 조회
document.querySelector	-css 선택자의 문법을 이용해서 객체를 조회 Ex) var li = document.querySelector('.active');
document.querySelectorAll	-querySelector과 기본적인 동작방법은 같지만 모든 객체를 조회한다는 점이 다름