URL : 균일 자원 로케이터 (URL)
완전한 URL은 이러한 부분으로 구성됩니다.
체계 : // 호스트 : 포트/경로? 쿼리#조각
체계 = 통신 프로토콜 (일반적으로 사용되는 HTTP, FTP, Maito 등)
host = host (도메인 이름 또는 IP)
포트 = 포트 번호
경로 = 경로
쿼리 = 쿼리
선택적으로, 매개 변수를 동적 웹 페이지 (예 : CGI, ISAPI, PHP/JSP/ASP/ASP.NET 및 기타 기술)로 전달하는 데 사용됩니다. "&"기호로 분리 된 여러 매개 변수가있을 수 있으며 각 매개 변수의 이름과 값은 "="기호로 분리됩니다.
조각 = 정보 조각
네트워크 리소스에 조각을 지정하는 문자열. 예를 들어, 웹 페이지에는 여러 개의 명사 설명이 있으며 조각을 사용하여 특정 용어 설명을 직접 찾을 수 있습니다. (앵커 포인트라고도합니다.)
그러한 URL의 경우
http://www.master8.net:80/seo/?ver=1.0&id=6#imhere
JavaScript로 다양한 부분을 얻을 수 있습니다.
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
쿼리 (매개 변수) 부분
동적 언어에 값을 할당하는 것 외에도 정적 페이지를 제공하고 JavaScript를 사용하여 추정되는 매개 변수의 값을 얻을 수 있습니다.
이 예에서 반환 값 :? 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) 반환 unescape (r [2]); 널 리턴;
}
방법 2 : 분할을 사용하여 배열로 분할하십시오
코드 사본은 다음과 같습니다.
함수 getRequest () {
var url = location.search; // "?"이후에 문자열을 가져옵니다. URL의 문자
var whanequest = new Object ();
if (url.indexof ( "?")! = -1) {
var str = url.substr (1);
strs = str.split ( "&");
for (var i = 0; i <strs.length; i ++) {
quessest [strs [i] .split ( "=") [0]] = unescape (strs [i] .split ( "=") [1]);
}
}
퀘스트를 반환하십시오.
}
이 방법은 매우 간단하지만 매우 실용적입니다. 다음은 일반적으로 사용되는 두 가지 방법입니다. 방법이 다른 경우 알려주세요. 이 기사는 계속 업데이트되고 있습니다. 모두가 함께 진전을 이룹니다