현재 페이지에서 자바 스크립트를 사용하여 호스트 URL을 얻는 방법

현재 페이지에서 자바 스크립트를 사용하여 호스트 URL을 얻는 방법

---

다음 페이지에 있다고 가정합니다.

http://www.webmail.com/pages/home.aspx

"http://www.webmail.com"JavaScript로 호스트 이름 ( )을 어떻게 검색 합니까?

---

var host = window.location.hostname;

또는 가능

var host = "http://"+window.location.hostname;

또는 당신이 연결을 좋아한다면

var protocol = location.protocol;
var slashes = protocol.concat("//");
var host = slashes.concat(window.location.hostname);

---

호스트 이름을 얻으려면 location.hostname

그러나 귀하의 예는 또한 계획을 찾고 있으므로 location.originChrome에서 원하는 것을하는 것처럼 보이지만 Mozdev 문서에서는 언급하지 않습니다. 당신은 그것을 구성 할 수 있습니다

location.protocol + '//' + location.hostname

포트 번호도 원하는 경우 (80이 아닌 경우) :

location.protocol + '//' + location.host

---

다음을 사용하여 프로토콜, 호스트 및 포트를 얻을 수 있습니다.

window.location.origin

브라우저 호환성

데스크탑

| Chrome                           | Edge  | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit)                            |
|----------------------------------|-------|-----------------|-------------------|-------|--------------------------------------------|
| (Yes)                            | (Yes) | (Yes)           | (Yes)             | (Yes) | (Yes)                                      |
| 30.0.1599.101 (possibly earlier) | ?     | 21.0 (21.0)     | 11                | ?     | 7 (possibly earlier, see webkit bug 46558) |

변하기 쉬운

| Android                          | Edge  | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile                              |
|----------------------------------|-------|------------------------|----------|--------------|--------------------------------------------|
| (Yes)                            | (Yes) | (Yes)                  | (Yes)    | (Yes)        | (Yes)                                      |
| 30.0.1599.101 (possibly earlier) | ?     | 21.0 (21.0)            | ?        | ?            | 7 (possibly earlier, see webkit bug 46558) |

모든 브라우저 호환성은 Mozilla Developer Network의 것입니다

---

이것은 작동해야합니다 :

window.location.hostname

---

let path = window.location.protocol + '//' + window.location.hostname + ':' + window.location.port;

---

나는 목적에 따라 이것을 좋아한다

window.location.href.split("/")[2] == "localhost:17000" //always domain + port

모든 URL 문자열에 적용 할 수 있습니다

var url = "http://localhost:17000/sub1/sub2/mypage.html?q=12";
url.split("/")[2] == "localhost:17000"
url.split("/")[url.split("/").length-1] == "mypage.html?q=12"

URL 문자열에서 프로토콜, 도메인 및 경로 제거 (상대 경로)

var arr = url.split("/");
if (arr.length>3)
   "/" + arr.splice(3, arr.length).join("/") == "/sub1/sub2/mypage.html?q=12"

---

필요에 따라 window.location속성 중 하나를 사용할 수 있습니다 . 귀하의 질문에 당신은 (예 :)를 사용하여 검색 할 수 있는 호스트 에 대해 묻습니다 . 귀하의 예에서 origin 이라는 것을 보여 주는데 , 예를 들어 ( )를 사용하여 검색 할 수 있습니다 .window.location.hostnamewww.example.comwindow.location.originhttp://www.example.com

var path = window.location.origin + "/";

//result = "http://localhost:60470/"

참고 URL : https://stackoverflow.com/questions/6042007/how-to-get-the-host-url-using-javascript-from-the-current-page