JavaScript의 Location 개체는 현재 URL 구성 요소에 대한 액세스를 제공합니다. 이 개체는 현재 위치에서 읽기 전용 창으로 생각할 수 있습니다.
Location 개체에는 종종 혼동되는 두 가지 속성인 호스트와 호스트 이름이 있습니다.
host 속성은 현재 URL의 호스트 이름, 포트 번호 및 프로토콜을 반환합니다. 예를 들어 현재 URL이 "http://example.com:8080/path/to/page.html"인 경우 호스트 값은 "example.com:8080"입니다.
location.hostname보다 location.host를 사용하면 몇 가지 장점도 있습니다.
먼저, 좀 더 구체적입니다. 포트 번호나 프로토콜이 필요한 경우 호스트 속성이 이를 반환하는지 확인할 수 있습니다.
둘째, 더 간결합니다. 호스트 이름만 필요한 경우 더 짧은 호스트 이름 속성을 사용할 수 있습니다. 그러나 포트 번호나 프로토콜도 필요한 경우 호스트 속성을 사용하여 모든 정보를 한 번에 얻을 수 있습니다.
셋째, 좀 더 미래지향적입니다. 새 URL 구성 요소가 추가되면 호스트 속성에 포함될 수 있습니다. 호스트 이름 속성의 경우 반드시 그런 것은 아닙니다.
반면에 호스트 이름 속성은 현재 URL의 호스트 이름 부분만 반환합니다. 예를 들어 현재 URL이 "http://example.com:8080/path/to/page.html"인 경우 호스트 이름 값은 "example.com"입니다.
location.hostname을 사용하면 location.host에 비해 몇 가지 장점이 있습니다.
우선 가독성이 더 높아졌습니다. URL을 볼 때 일반적으로 포트 번호나 프로토콜보다 호스트 이름에 더 관심이 있습니다.
둘째, 더 일관성이 있습니다. 호스트 이름은 URL의 필수 부분이고 포트 번호와 프로토콜은 선택 사항입니다. 이는 모든 URL에 호스트 속성이 있는 것은 아니지만 모두 호스트 이름이 있음을 의미합니다.
셋째, 탄력이 더 좋습니다. URL의 포트 번호나 프로토콜을 변경해도 호스트 이름은 여전히 동일합니다. 호스트 속성의 경우에는 그렇지 않습니다.
일반적으로 포트 번호나 프로토콜이 특별히 필요한 경우가 아니면 location.hostname을 사용해야 합니다.
그 이유는 호스트 이름이 URL의 "사람이 읽을 수 있는" 부분인 반면 호스트 속성에는 포트 번호와 프로토콜도 포함되기 때문입니다. 대부분의 경우 이 추가 정보는 필요하지 않습니다.
단, 몇 가지 예외가 있습니다. 현재 URL을 기본으로 사용하여 새 URL을 구성해야 하는 경우를 예로 들 수 있습니다. 이 경우 포트 번호와 프로토콜을 유지하려면 location.host를 사용해야 합니다.
또 다른 예외는 URL 단축기를 사용하는 경우입니다. 이 경우 원래 URL의 호스트 이름을 유지하려면 location.host를 사용해야 합니다.
다음 표는 JavaScript에서 location.host와 location.hostname의 주요 차이점을 강조합니다. -
| 비교적 기본 | 위치.호스트 | location.hostname |
|---|---|---|
| 정의 | host 속성은 현재 URL의 호스트 이름, 포트 번호 및 프로토콜을 반환합니다 | 반면에 호스트 이름 속성은 현재 URL의 호스트 이름 부분만 반환합니다 |
| 예 | 현재 URL이 "http://example.com:8080/path/to /page.html"이면 호스트 값은 "example.com:8080 | "입니다.현재 URL이 "http://example.com:8080/path /to/page.html"인 경우 호스트 이름 값은 "example.com"입니다. |
| 언제 사용하나요? | 특별히 포트 번호나 프로토콜이 필요한 경우 location.host를 사용해야 합니다. | 특별히 포트 번호나 프로토콜이 필요한 경우가 아니면 location.hostname을 사용해야 합니다. |
| 가독성 | 호스트 속성에는 포트 번호와 프로토콜도 포함되어 있어 읽기가 어렵습니다. | 호스트 이름은 URL에서 "사람이 읽을 수 있는" 부분입니다. |
대부분의 경우 location.host 대신 location.hostname을 사용해야 합니다. 더 읽기 쉽고, 더 일관적이고, 더 탄력적입니다. 그러나 새 URL을 구성해야 하거나 URL 단축기를 사용해야 하는 경우 등 몇 가지 예외가 있습니다.
위 내용은 JavaScript에서 location.host와 location.hostname의 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
