현재 페이지의 url 가져오기
example.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>예제</title>
</head>
<body>
<script>
alert(location.href);
</script>
</body>
</html>
실행결과
http://127.0.0.1:5500/example.html
현재 도메인 이름 가져오기
example.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>예제</title>
</head>
<body>
<script>
alert(location.hostname);
</script>
</body>
</html>
실행결과
127.0.0.1
현재 경로 및 파일이름 가져오기
example.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>예제</title>
</head>
<body>
<script>
alert(location.pathname);
</script>
</body>
</html>
실행결과
/example.html
현재 웹 프로토콜 가져오기
example.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>예제</title>
</head>
<body>
<script>
alert(location.protocol);
</script>
</body>
</html>
실행결과
http:
(or https:)
다른 페이지로 이동하기
example.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>예제</title>
</head>
<body>
<script>
location.href("https://naver.com");
</script>
</body>
</html>
location.assign으로도 가능하다
추가사항
[1] location.search는
?a=12&b=34 와 같이
GET방식으로 넘긴 데이터값을 가져올 수 있다.
[2] 현재 URL의 모든 내용을 가져와서 replace를 통해 새로고침을 하는 식으로도 쓸 수 있다.
str = location.protocol + '//' + location.hostname + location.pathname + location.search + location.hash
location.replace(str);