Location
Location객체는 웹 브라우저의 url과 관련된 정보를 처리하는데 사용한다. 객체가 연결된 인터넷 상에서의 위치(url)에 대한 정보 제공 및 속성을 가져올 수 있다.
| 속성 | 설명 |
| location.href | 주소영역에 참조주소를 설정하거나 URL을 반환 |
| location.hash | URL에 해시값(#에명시된값)을 반환 |
| location.hostname | URL에 호스트이름을 설정하거나 반환 |
| location.host | URL에 호스트이름과 포트번호를 가져옴 |
| location.port | URL에 포트번호를 반환 |
| location.protocol | URL에 프로토콜을 반환 |
| location.search | URL에 쿼리(요청값)을 반환 |
| location.reload() | 새로고침이일어난다 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let url = document.createElement("a");
url.href = "https://coding-ji.tistory.com:8080/en-US/search?q=URL#hello";
console.log(url.href); //https://coding-ji.tistory.com:8080/en-US/search?q=URL#hello
console.log(url.hash); // #hello
console.log(url.hostname); //coding-ji.tistory.com
console.log(location.host); //127.0.0.1:5500
console.log(url.port); //8080
console.log(url.protocol); //https:
console.log(url.search); //?q=URL
</script>
</body>
</html>
'Frontend > JavaScript' 카테고리의 다른 글
| JavaScript : JSON(JavaScript Object Notation)에 대하여 (0) | 2024.09.02 |
|---|---|
| JavaScript : 웹 스토리지 (3) - IndexedDB의 keyRange / index / opencusor (0) | 2024.08.18 |
| JavaScript : 웹 스토리지 (2) - IndexedDB란? (0) | 2024.08.18 |
| JavaScript : 웹 스토리지 (1) - Cookie와 Web Storage (0) | 2024.08.17 |
| JavaScript: Screen 객체 (0) | 2024.08.15 |
| JavaScript : 모듈(module)에 대해서 (0) | 2024.08.14 |
| JavaScript : 비동기 통신에 대해서 (Fetch & Axios) (0) | 2024.08.14 |
| JavaScript : 비동기를 처리하는 방법 (Async / Await) (0) | 2024.08.13 |