웹 브라우저의 정보 조회

웹 브라우저의 정보 조회

---

웹 브라우저의 이름, 버전정보, 운영체제 정보 등이 포함된 문자열 값.

var agent = navigator.userAgent;

이 값에 특정 단어가 포함되어 있는지 여부를 판단하여 브라우저나 운영체제 종류, 모바일/PC 여부 등을 확인할 수 있다.

var agent = navigator.userAgent;

if (agent.indexOf('검사할단어') > -1 ) {

... 처리내용...

}

HTML제어

---

 HTML요소를 객체로 생성하기

var mytag = document.getElementById("id속성값");

획득한 객체의 내부에 대한 내용 접근

// 내용 적용하기

mytag.innerHTML = "... 적용할 내용 ...";

// 적용된 내용 조회하기

var content = mytag.innerHTML;

획득한 객체 CSS속성 접근

// 내용 적용하기

mytag.style.css관련_프로퍼티 = "값";

// 적용된 내용 조회하기

var css = mytag.style.css관련_프로퍼티

css관련_프로퍼티의 이름 규칙은 css에서 -로 표기되던 부분이 없어지고 대문자가 사용됨

ex) [css] background=color --> [js] backgroundColor

획득한 객체의 CSS클래스 접근

// 내용 적용하기

mytag.className = "값";

// 적용된 내용 조회하기

var cls = mytag.className;