붉은거위 노트 (redgoose note)

Window객체 note

Nest
Development
Category
Javascript
Hit
553
Star
0

URL파싱

  • Location 객체는 현재 창 안에 표시된 문서의 URL을 나타낸다.
  • Location 객체의 href프로퍼티는 URL의 완전한 텍스트를 나타낸다. location과 location.href는 같은 반환값이 나오기 때문에 둘중에 아무거나 사용해도 관계없다.
  • search프로퍼티는 URL의 물음표(?)뒤에 있는 내용부터 출력한다. (전달인자 파트)

URL에서 전달인자 추출해서 객체에 넣는함수

// URL에서 전달인자 추출하기 함수
function args()
{
    var args = new Object();
    var query = location.search.substring(1);
    var pairs = query.split("&");

    for (var i=0; pairs.length>i; i++) {
        var pos = pairs[i].indexOf('=');
        if (pos == -1) continue;
        var argname = pairs[i].substring(0,pos);
        var val = pairs[i].substring(pos+1);
        val = decodeURIComponent(val);
        args[argname] = val;
    }
    return args;
}

var args = args();
document.write("url주소가 http://...?aa=1&bb=2 일때 ");
document.write("주소줄의 bb의 값은 " + args.bb + "이다.");

History 객체

History객체는 세가지 메서드를 지원한다. back()과 forward()는 열어본 페이지 목록에서 앞으로 이동하거나 뒤로 이동할 수 있다.

go()메서드는 정수 전달인자를 받아 몇번 앞으로 이동하거나 뒤로 이동할 수 있다.

window.go(-2); // 뒤로 2번째 페이지로 이동한다.
window.go(1); // 앞으로 첫번째 페이지로 이동한다.

문서에 프레임을 사용했다면 window.back()과 history.back()은 서로 다르게 작동할 수 있다는걸 염두해둬야한다.