JavaScript - location 객체 (접속 경로 확인)

window.location : 주소정보를 다루는 객체

window는 생략 후 사용 가능
    
주로 html끼리 페이지를 이동할때 사용.

location 속성 : href, host, port, pathname, search ...

* pahtname, search를 이용하여 유입 경로 및 통계 확인 가능

 

소스

<button onclick="doAction();">클릭</button>

<script>
    /* 
    if (flag) {
        alert("3초후 페이지 새로고침");
        setTimeout(function () {
            //location.href = location.href;
            location.reload();
        }, 3000);
    }
        */

    alert("5초후 페이지 이동");
    setTimeout(function () {
        location.href = "http://www.daum.net";
    }, 5000);

    function doAction() {
        //console.dir(location);
        console.log("href", window.location.href);
        console.log("host", window.location.host);
        console.log("port", window.location.port);
        console.log("pathname", window.location.pathname);
        // 파라미터값 확인 가능
        console.log("search", window.location.search);
        // ?id=aaa&pass=123
        var params = window.location.search;
        // 1번 인덱스부터 끝까지 자르기(1, 2) -> 1번인덱스부터 2번 인덱스까지
        params = params.substr(1);
        var pArr = params.split("&");

        console.log("pArr", pArr);
    }
</script>

 

결과