Javascript+jQuery+Ajax 6일차

URL 제어하기

브라우저의 현재 URL 조회

var now_url = location.href;

브라우저의 현재 페이지를 지정된 URL로 이동

location.href = 'URL';

현재 페이지를 새로 고침

//랜덤값과 같이 쓰여 인증번호 새로 받기 할 수 있음.

location.reload();

웹 브라우저 history의 이전 페이지로 이동

history.back();

웹 브라우저 history의 다음 페이지로 이동

history.forward();

웹 브라우저의 정보 조회

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

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;