JavaScript에서 URL을 호스트 이름 및 경로로 어떻게 구문 분석합니까?

JavaScript 부분에서 '의 도움으로 첫 번째 ID에 액세스하십시오. getElementById() ” 방법 및 설정 “ 창.위치.href ” 현재 페이지의 URL을 구문 분석합니다.

함수는 '로 정의됩니다. 함수() '를 사용하여 두 번째 요소에 액세스하는 ' 아이디2 '. '의 도움으로 인라인 스타일 적용

” HTML 태그를 지정하고 색상을 설정합니다. 그런 다음 ' 창.위치.호스트 이름 ” 현재 페이지의 URL을 반환하는 속성:

기능 기능 ( ) {
문서. getElementById ( 'id2' ) . innerHTML = ` < h2 스타일 = '파란색;' > 호스트 이름 : h2 > ` + 창문. 위치 . 호스트 이름 ;
문서. getElementById ( 'id3' ) . innerHTML = ` < h2 스타일 = '파란색;' > 길 : h2 > ` + 창문. 위치 . 경로명 ;
}

산출

버튼을 클릭하면 현재 페이지의 호스트 이름과 경로가 화면에 표시되는 것을 볼 수 있습니다.

예 2: URL() 메서드를 사용하여 URL을 호스트 이름 및 경로로 구문 분석

'를 사용하여 URL을 호스트 이름과 경로로 구문 분석할 수도 있습니다. URL() ' 방법. 이를 위해 위의 HTML 코드를 활용한 후 아래에 명시된 JavaScript 코드를 추가합니다. 이를 위해 객체를 초기화하고 ' URL() ” 생성자를 호출하고 특정 페이지의 URL을 메서드에 대한 인수로 전달합니다.

~였다 my_url = 새로운 URL ( 'https://linuxhint.com/' ) ;

'의 도움으로 해당 ID를 사용하여 HTML 요소에 액세스하십시오. getElementById() ' 방법:

문서. getElementById ( 'id1' ) . innerHTML = my_url ;

이름으로 함수를 만들고 다른 HTML 요소에 액세스합니다.

기능 기능 ( ) {
문서. getElementById ( 'id2' ) . innerHTML = ` < h2 스타일 = '파란색;' > 호스트 이름 : h2 > ` + my_url. 호스트 이름 ;
문서. getElementById ( 'id3' ) . innerHTML = ` < h2 스타일 = '파란색;' > 길 : h2 > ` + my_url. 경로명 ;
}

산출

URL/웹 주소를 JavaScript의 호스트 이름 및 경로로 구문 분석하는 것이 전부입니다.

결론

자바스크립트에서 ' 창.위치.href ”는 현재 페이지 URL을 구문 분석하는 데 사용할 수 있습니다. 또한 '를 사용하여 특정 URL을 구문 분석할 수도 있습니다. URL() ' 방법. 이 튜토리얼에서는 다양한 방법을 사용하여 URL(웹 주소)을 호스트 이름과 경로로 구문 분석하는 자세한 절차를 설명했습니다.