>  기사  >  웹 프론트엔드  >  JavaScript에서 location.host와 location.hostname의 차이점

JavaScript에서 location.host와 location.hostname의 차이점

WBOY
WBOY앞으로
2023-09-24 10:45:031228검색

JavaScript 中 location.host 和 location.hostname 之间的区别

JavaScript의 Location 개체는 현재 URL 구성 요소에 대한 액세스를 제공합니다. 이 개체는 현재 위치에서 읽기 전용 창으로 생각할 수 있습니다.

Location 개체에는 종종 혼동되는 두 가지 속성인 호스트와 호스트 이름이 있습니다.

위치.호스트

host 속성은 현재 URL의 호스트 이름, 포트 번호 및 프로토콜을 반환합니다. 예를 들어 현재 URL이 "http://example.com:8080/path/to/page.html"인 경우 호스트 값은 "example.com:8080"입니다.

location.host 사용의 장점

location.hostname보다 location.host를 사용하면 몇 가지 장점도 있습니다.

먼저, 좀 더 구체적입니다. 포트 번호나 프로토콜이 필요한 경우 호스트 속성이 이를 반환하는지 확인할 수 있습니다.

둘째, 더 간결합니다. 호스트 이름만 필요한 경우 더 짧은 호스트 이름 속성을 사용할 수 있습니다. 그러나 포트 번호나 프로토콜도 필요한 경우 호스트 속성을 사용하여 모든 정보를 한 번에 얻을 수 있습니다.

셋째, 좀 더 미래지향적입니다. 새 URL 구성 요소가 추가되면 호스트 속성에 포함될 수 있습니다. 호스트 이름 속성의 경우 반드시 그런 것은 아닙니다.

location.hostname

반면에 호스트 이름 속성은 현재 URL의 호스트 이름 부분만 반환합니다. 예를 들어 현재 URL이 "http://example.com:8080/path/to/page.html"인 경우 호스트 이름 값은 "example.com"입니다.

location.hostname 사용의 장점

location.hostname을 사용하면 location.host에 비해 몇 가지 장점이 있습니다.

우선 가독성이 더 높아졌습니다. URL을 볼 때 일반적으로 포트 번호나 프로토콜보다 호스트 이름에 더 관심이 있습니다.

둘째, 더 일관성이 있습니다. 호스트 이름은 URL의 필수 부분이고 포트 번호와 프로토콜은 선택 사항입니다. 이는 모든 URL에 호스트 속성이 있는 것은 아니지만 모두 호스트 이름이 있음을 의미합니다.

셋째, 탄력이 더 좋습니다. URL의 포트 번호나 프로토콜을 변경해도 호스트 이름은 여전히 ​​동일합니다. 호스트 속성의 경우에는 그렇지 않습니다.

각각 언제 사용하나요?

일반적으로 포트 번호나 프로토콜이 특별히 필요한 경우가 아니면 location.hostname을 사용해야 합니다.

그 이유는 호스트 이름이 URL의 "사람이 읽을 수 있는" 부분인 반면 호스트 속성에는 포트 번호와 프로토콜도 포함되기 때문입니다. 대부분의 경우 이 추가 정보는 필요하지 않습니다.

단, 몇 가지 예외가 있습니다. 현재 URL을 기본으로 사용하여 새 URL을 구성해야 하는 경우를 예로 들 수 있습니다. 이 경우 포트 번호와 프로토콜을 유지하려면 location.host를 사용해야 합니다.

또 다른 예외는 URL 단축기를 사용하는 경우입니다. 이 경우 원래 URL의 호스트 이름을 유지하려면 location.host를 사용해야 합니다.

JavaScript location.host location.hostname

의 차이점

다음 표는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제