>웹 프론트엔드 >JS 튜토리얼 >JavaScript를 사용하여 현재 페이지의 URL 주소를 가져옵니다.

JavaScript를 사용하여 현재 페이지의 URL 주소를 가져옵니다.

高洛峰
高洛峰원래의
2016-11-28 13:46:391378검색

URL: URL(Uniform Resource Locator)
전체 URL은 다음 부분으로 구성됩니다.
scheme://host:port/path?query#fragment
scheme: 통신 프로토콜
일반적으로 http, ftp, maito 등을 사용합니다.

호스트: 호스트
서버(컴퓨터) DNS(Domain Name System) 호스트 이름 또는 IP 주소입니다.

포트: 포트 번호
정수, 생략하면 구성표의 기본 포트가 사용됩니다. 예를 들어 http의 기본 포트는 80입니다.

경로: 경로
는 0개 이상의 "/" 기호로 구분된 문자열로, 일반적으로 호스트의 디렉터리나 파일 주소를 나타내는 데 사용됩니다.

query: 쿼리
선택 사항이며 동적 웹 페이지(예: CGI, ISAPI, PHP/JSP/ASP/ASP.NET 및 기타 기술을 사용하여 생성된 웹 페이지)에 매개 변수를 전달하는 데 사용되며 다음을 가질 수 있습니다. 여러 매개변수는 "&" 기호로 구분되며, 각 매개변수의 이름과 값은 "=" 기호로 구분됩니다.

fragment: 정보 조각
문자열, 네트워크 리소스의 조각을 지정하는 데 사용됩니다. 예를 들어, 웹 페이지에 명사 설명이 여러 개 있는 경우 조각을 사용하여 특정 명사 설명을 직접 찾을 수 있습니다. (앵커 포인트라고도 합니다.)

이런 URL의 경우

http://www.x2y2.com0/fisker/post/0703/window.location.html?ver=1.0&id =6#imhere


Javascript를 사용하여 다양한 부분을 가져올 수 있습니다
1, window.location.href
전체 URl 문자열( browser 완전한 주소 표시줄입니다)
이 예의 반환 값: http://www.x2y2.com0/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere


2,window.location.protocol
URL의 프로토콜 부분
이 예의 반환 값: http/div>

3 ,window.location.host
URL의 호스트 부분
이 예의 반환 값: www.x2y2.com

4, window.location.port
포트 부분 URL
기본 포트 80을 사용하는 경우(업데이트: 80이 추가되어도) 반환 값은 기본 80이 아니라 빈 문자
입니다. 이 예의 반환 값은 ""

입니다.

5, window.location.pathname
URL의 경로 부분(즉, 파일 주소)
이 예의 반환 값:/fisker/post/0703/window.location.html

6, window.location.search
쿼리(매개변수) 부분
동적 외에도 언어 할당 외에도 정적 페이지를 할당하고 자바스크립트를 사용하여 해당 매개변수 값을 얻을 수도 있습니다. ​​
이 예의 반환 값은?ver=1.0&id=6

7,window.location.hash
앵커 포인트
이 예는 imhere


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.