자바 스크립트 자습서: 현재 주소 표시줄 URL 얻기

출처: 인터넷
작성자: 사용자
키워드: 웹 페이지 제작 Ajax 자바 스크립트

URL: 유니폼 리소스 로케이터 (유니폼 리소스 로케이터, URL)
완전 한 URL은 다음이 부분으로 구성:
Scheme://host:port / 경로? #fragment 쿼리
계획: 통신 프로토콜
일반적으로 Http, ftp, maito, 등 사용.

호스트: 메인프레임


서버 (컴퓨터) 도메인 이름 시스템 (DNS) 호스트 이름 또는 IP 주소입니다. 포트: 포트 번호


정수, 옵션, 기본 포트는 기본 포트 80의 HTTP 같은 시나리오에 대 한 생략. 경로: 경로


0 또는 더 많은 "/" 기호, 디렉터리 또는 파일 주소는 호스트를 나타내는 데 사용 됩니다 일반적으로 구분 하는 문자열. 쿼리: 쿼리


는 CGI, ISAPI, php/jsp/asp/asp를 사용 하 여 동적 웹 페이지에 대 한 옵션입니다. NET, 및 다른 기술에서 만든 페이지 "&" 기호로 구분 된 여러 개의 매개 변수를 가질 수 있습니다 그리고 이름 및 각 매개 변수의 값은 "=" 기호로 구분 됩니다. 조각: 조각의 정보


조각 네트워크 리소스에서 지정 하는 문자열입니다. 예를 들어 웹 페이지는 여러 명사 해석, 어떤 부분을 사용 하 여 명사 해석에 직접 배치 될 수 있습니다. (로 알려진 또한 앵커 포인트입니다.) 이러한 URL http://www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere
에 대 한
JavaScript를 사용 하 여 이러한 부품
의 각을 얻을 수 있는 우리


1, Window.location.href


전체 URL 문자열 (즉, 브라우저에서 완전 한 주소 표시줄)

이 예에서는 반환 값이
: Http://www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0 & id 6 = #imhere 2, Window.location.protocol


URL
의 프로토콜 부분
이 예제에서는 값을 반환 합니다.
: Http:3,window.location.host


URL
의 호스트 부분
이 예제에서는 값을 반환 합니다.
: Www.x2y2.com 4,window.location.port


URL
의 포트 부분
기본 80 포트를 사용 하는 경우
(업데이트: 추가 하는 경우에: 80), 반환 값은 기본 80 하지만 null 문자

이 예에서는 반환 값이
: "" 5,window.location.pathname


URL (즉, 파일 주소)
의 경로 부분
이 예제에서는 반환 합니다 value:/fisker/post/0703/window.location.html 6,window.location.search



쿼리 (매개 변수) 섹션


동적 언어에 값을 할당 하는 것 외에도, 우리 또한와 줄 수 있는 정적 페이지 믿어진다
값의 값을 가져오는 JavaScript를 사용 하 여
이 예제에서는 값을 반환 합니다.
:? ver 1.0 & id를 = 6 = 7,window.location.hash


앵커 포인트

이 예제에서는 값을 반환 합니다.
: #imhere
관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.