본문 바로가기

Web + 디자인/Publishing + 코딩

Javascript를 이용한 주소(URL)변경.

2개의 도메인을 사용하는 경우 주소값(URL)을 이용하여 API 값을 받아와야한다면 보통은 하나의 도메인당 하나의 아이디가 주어진다. 이런 경우 정확한 API 값을 이용하기 위해서 도메인을 하나로 통일해야하는데 티스토리와 같이 PHP나 ,ASP, JSP등의 프로그래밍을 할 수 없는 HTML 환경이라면 아래의 자바스크립트를 이용하는 것도 좋은 방법이라 생각된다.



아래는 http://blog.delfiini.co.kr으로 접속할 경우 https://noeuldays.tistory.com으로 주소가 바뀌는 예제이다.


<script type="text/javascript">
var oldUrl = 'blog.delfiini.co.kr'; // 기본 URL
var changeUrl = 'noeuldays.tistory.com'; // 기본 URL로 사이트 접속 시 변경하고 싶은 URL
var urlString = location.href;
if (urlString.match(oldUrl)){
    window.location.replace(urlString.replace(oldUrl, changeUrl));
}
</script>


__

설명

oldUrl = 1차 도메인(URL) 주소를 적는다.

changeUrl = 1차 도메인을 주소창에 적을 경우 강제로 이동시킬 주소(URL)를 적는다.


__

미리보기

카테고리 : http://blog.delfiini.co.kr/category

포스팅 : http://blog.delfiini.co.kr/entry/jQuery-length와-slideToggle-예제


위의 미리보기와 같이 'http://blog.delfiini.co.kr/category'를 주소창에 적었을 경우 'https://noeuldays.tistory.com/category'로 주소 값이 변경되는 것을 확인할 수 있다.