본문 바로가기

Web + 디자인/Publishing + 코딩

[JavaScript] 사이트 주소 URL 앞에 'www' 붙이기

우리가 http://naver.com 이라는 주소를 인터넷 주소창에 적으면 네이버 홈페이지가 열리게 되고 주소창에 적혀있는 주소가 http://www.naver.com 으로 변하는 것을 볼 수 있다.


다른 예로 2개의 도메인을 사용하는 경우 주소값(URL)을 이용하여 API 값을 받아와야한다면 보통은 하나의 도메인당 하나의 아이디가 주어진다.

쉽게 말하자면 anchorui.com과 www.anchorui.com은 사실상 같은 페이지를 보여주는데, 위의 설명과 같이 주소값을 이용하여 API값을 받아오는 경우 실제로 적용된 주소가 틀리기에 anchorui.com과 www.anchorui.com은 다른 도메인으로 인식한다는 말이다.

이런 경우 하나의 통일된 API 값을 이용하기 위해서 도메인을 하나로 합쳐야하는데 티스토리와 같이 PHP나 ,ASP, JSP등의 프로그래밍을 할 수 없는 HTML 환경이라면 아래의 자바스크립트를 이용할 수 있다.


_

아래의 코드를 <head>와 </head> 사이에 아래의 코드를 넣어준다.

<script type="text/javascript">
var host = location.host.toLowerCase();
var currentAddress = location.href;
if (host.indexOf("www")== -1) {
    currentAddress = currentAddress.replace("//","//www.");
    location.href = currentAddress;
}
</script>


_

HTML 전체 코드.

<!doctype html>
<html lang="ko">
<head>

<title>홈페이지 이름</title>

<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<script type="text/javascript">
var host = location.host.toLowerCase();
var currentAddress = location.href;
if (host.indexOf("www")== -1) {
    currentAddress = currentAddress.replace("//","//www.");
    location.href = currentAddress;
}
</script>
</head>
<body>
본문
</body>
</html>


※ 개인 도메인이 연결된 서버에서 정상 작동함.

※ 만약 Local(내 컴퓨터)에서 사용시 페이지가 제대로 표시되지 않을 수 있음.


_

미리보기

anchorui.com에 접속할 경우 도메인이 www.anchorui.com으로 변하는 것을 확인할 수 있다.

태그