[Window_Location] JS - origin 속성 - (프로토콜/호스트명/포트번호) 반환. (= origin속성 = 오리진속성)

1. origin 예제 - (프로토콜/호스트명/포트번호) 반환
2. origin 정의
3. origin 구문

origin 예제 - (프로토콜/호스트명/포트번호) 반환 

 

<button onclick="homzzang()">클릭</button>

<p id="demo"></p>

<script>

function homzzang() {

  var x = location.origin ;

  document.getElementById("demo").innerHTML = x;

}

</script>

 

결과예: https://homzzang.com:443

origin 정의

 

URL의 (프로토콜/호스트명/포트번호)를 반환.

※ 호스트명이 도메인주소 아닌 경우, IP 반환.

 

---

 

1.

• URL에 포트번호 지정 안 되었거나 기본포트 (예 : 80 또는 443)인 경우 일부 브라우저는 포트 번호 표시 안 함.
• location 객체에 속하며, 읽기전용 속성임.

 

2.

IE11 이상 주요브라우저가 지원.

 

3. MDN origin 예제보기
https://developer.mozilla.org/en-US/docs/Web/API/Location/origin

 

origin 구문

 

location.origin

 

---

[결과값]

 

• 프로토콜 : (// : 포함), 호스트명 (또는 IP 주소), 포트번호 (콜론기호 (:) 포함)를 나타내는 문자열 반환.
• "file :"프로토콜을 사용하는 URL의 경우 반환값이 브라우저마다 다름.