자바스크립트 파싱 URL 메소드_javascript 스킬에 대한 자세한 설명

URL: URL(Uniform Resource Locator)

전체 URL은 다음 부분으로 구성됩니다.
구성표://호스트:포트/경로?query#fragment

방식 = 통신 프로토콜(http, ftp, maito 등 일반적으로 사용됨)
호스트 = 호스트(도메인 이름 또는 IP)
포트 = 포트번호
경로 = 경로

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

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

이러한 URL의 경우
http://www.master8.net:80/seo/?ver=1.0&id=6#im여기

자바스크립트를 사용하여 다양한 부분을 얻을 수 있습니다
1, window.location.href
전체 URl 문자열(브라우저의 전체 주소 표시줄)

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

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

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

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

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

7,window.location.hash
앵커
이 예의 반환 값: #imhere

8. URL 매개변수 값

방법 1: 정기 분석

코드 복사 코드는 다음과 같습니다.

함수 getQueryString(이름) {
var reg = new RegExp("(^|&)" name "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]) return null;
}

방법 2: 배열로 분할

코드 복사 코드는 다음과 같습니다.

함수 GetRequest() {
var url = location.search; //url에서 "?" 문자 뒤의 문자열을 가져옵니다.
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
       strs = str.split("&");
for(var i = 0; i < strs.length; i ) {
TheRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
}
}
요청을 반환하세요.
}

방법은 매우 간단하지만 매우 실용적입니다. 일반적으로 사용되는 두 가지 방법이 있으면 알려주세요. 이 기사는 계속 업데이트됩니다. 함께 발전합시다