[JavaScript] URL컨트롤

[JavaScript] URL컨트롤

JacaScript로 URL정보를 가지고 오거나

해당하는 URL로 이동시킬때 사용하는 스크립트들이다

우선 순수 자바스크립트 만으로 하는법!

실행화면

document.URL
document.location
document.location.href

첫번째 줄에 있는 값을 빼고

나머지 두 가지는 같은 값을 가져온다

필요에 따라 사용하면 된다.

Jquery를 이용해 URL을 가져올 수 있다.

$(location).attr('href');
$(location).attr('protocol');
$(location).attr('host');
$(location).attr('pathname');
$(location).attr('search');

Jquery는 모두 다른값이니 콘솔에 찍어보면 확인해보자!

---

주소를 가져와 사용해 봤으니

이번에는 원하는 주소로 페이지를 이동시켜 보자!

흔히 많이 쓰는 자바스크립트로 페이지 이동시키는 법!

document.URL= "http://google.com";
document.location = "http://daum.net";
document.location.href = "http://naver.com";
 

이렇하면 작성한 URL로 바로 페이지가 이동한다

그럼 이번에는 Jquery로 페이지 이동하는 방법!

$(location).attr('href','http://www.daum.net');

페이지를 이동하는 건 웹개발에 있어서 기본중에 기본이 아닐까 생각한다.

어렵진 않지만 햇갈릴 수 있으니 정리해두자!