HTML 문서가 런타임에 브라우저 창에 로드되면 이 문서는 문서에 표시되는 모든 HTML 요소에 대한 액세스를 제공하는 문서 개체가 됩니다. 특별한 작업을 수행하는 데 도움이 되는 다양한 방법과 속성이 함께 제공됩니다. “ 기지 ”는 HTML 문서의 기본 URI(현재 웹 페이지 주소)를 반환하도록 특별히 설계된 속성 중 하나입니다. 지정된 HTML 문서의 도메인, 리소스 및 위치를 사용자에게 알려주는 기본 URI를 찾는 것이 유용합니다.
이 게시물은 JavaScript에서 문서 'baseURI' 속성의 작동을 보여줍니다.
문서 'baseURI' 속성은 JavaScript에서 무엇을 합니까?
“ 기지 '문서' 개체의 읽기 전용 속성은 지정된 문서의 기본 URI(Uniform Resource Identifier)를 표시합니다. 'baseURI'는 문서 위치를 지정하는 절대 URT입니다. 이 속성은 '문자열' 형식으로 문서 기본 URI를 반환합니다.
통사론
문서.baseURI
위의 구문은 정의된 작업을 수행하기 위해 추가 매개변수가 필요하지 않습니다.
예제에서 위에서 정의한 속성을 사용하여 실제 구현을 살펴보겠습니다.
예: 'baseURI' 속성을 사용하여 문서 기본 URI 검색
이 예제는 현재 문서 기본 URI를 가져오기 위해 'document' 개체와 함께 'baseURI' 속성을 적용합니다.
HTML 코드
먼저 아래에 명시된 코드를 살펴보십시오.
< h2 > 문서 baseURI 속성 ~에 자바스크립트 h2 >< 단추 온 클릭 = 'js펑크()' > baseURI 가져오기 단추 >
< 피 ID = '견본' > 피 >
위의 코드 조각에 따르면:
- “ ” 태그는 수준 2의 부제목을 추가합니다.
- “ <버튼> ” 태그는 이벤트가 트리거될 때 JavaScript 함수 “jsFunc()”를 호출하는 마우스 이벤트 “onclick” 이벤트가 첨부된 버튼을 지정합니다.
- “ ” 태그는 할당된 ID 'sample'로 빈 단락을 만들어 현재 문서 기본 URI를 추가합니다.
자바스크립트 코드
이제 JavaScript 코드를 계속 사용하십시오.
< 스크립트 >기능 jsFunc ( ) {
허락하다 t = 문서.baseURI;
문서.getElementById ( '견본' ) .innerHTML = ' 현재 문서의 baseURI: ' + 티;
}
스크립트 >
위에 제공된 코드에서:
- 사용자 정의 함수 ' jsFunc() ” 먼저 “document.baseURI” 속성을 활용하는 “t”라는 변수를 선언합니다.
- 그 후 ' getElementById() ” 메서드를 사용하여 id가 “sample”인 빈 단락을 가져와 변수 “t” 반환 값, 즉 기본 URI를 표시합니다.
산출
여기에서 위의 출력은 '를 통해 현재 문서의 기본 URI를 표시합니다. 문서.baseURI ” 속성은 그에 따라 버튼을 클릭할 때 발생합니다.
결론
자바스크립트 ' 문서 ' 물체 ' 기지 ” 속성은 지정된 문서 기반 URI를 가져오는 데 유용합니다. 활성 웹 페이지 기본 URI를 나타내는 문자열 값을 제공합니다. 이 기능을 수행하기 위해 추가 매개변수에 의존하지 않는 읽기 전용 속성입니다. 이 게시물은 JavaScript에서 문서 'baseURI' 속성의 작동(실제 구현 포함)을 간략하게 보여주었습니다.