Chrome 개발자 콘솔에서

Question

을 a.href하기 위해 URL을 할당하는 마법, 나는 다음과 같은 코드 입력 :

> a.search 
"?q=123&b=aa" 
> a.hostname 
"localhost" 
> a.port 
"4200" 

:이 요소의

> a = document.createElement('a'); 
> a.href = "http://localhost:4200/setting?q=123&b=aa"; 

그리고 다른 특성은 예를 들어, 따라 값을 소유

결과와 혼동 스러웠습니다. 방금 url을 href에게 할당했습니다.
다른 속성이 동시에 값을 가질 수있는 이유는 무엇입니까?
현상 뒤에있는 마법은 무엇입니까?
누구든지 나를 설명 할 수 있을까요?

Answer 1

현상 뒤에있는 마법은 무엇입니까?

"마법"은 아니지만 단순한 사양은입니다.

https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement

:

가

[HTMLAnchorElement] 그 부모는 HTMLElement로부터 속성을 상속 및 HTMLHyperlinkElementUtils 행들을 구현한다.

HTMLHyperlinkElementUtils mixin은 HTMLAnchorElement 및 HTMLAreaElement와 함께 작동하는 유틸리티 메서드 및 속성을 정의합니다. 이러한 유틸리티는 URL과 같은 일반적인 기능을 처리 할 수 ​​있습니다.