현재 페이지에서 URL URL 정보를 정확하게 얻는 방법

웹 개발에서 JavaScript는 종종 현재 페이지의 URL URL 정보를 얻는 데 사용됩니다. 다음은 URL 정보를 얻는 것에 대한 간단한 요약입니다.

URL의 예를 제시 한 다음 해당 구성 요소를 얻으십시오 : http://i.cnblogs.com/editposts.aspx?opt=1

1. window.location.href (전체 URL을 문자열로 설정하거나 가져옵니다)

var test = window.location.href;

경고 (테스트);

반환 : http://i.cnblogs.com/editposts.aspx?opt=1

2. Window.location.protocol (설정 또는 URL 수출의 프로토콜 부분)

var test = window.location.protocol;

경고 (테스트);

반품 : http :

3. Window.location.host (URL의 호스트 부분을 설정하거나 가져옵니다)

var test = window.location.host;

경고 (테스트);

반환 : i.cnblogs.com

4. Window.location.port (URL과 관련된 포트 번호를 설정하거나 가져옵니다)

var test = Window.location.port;

경고 (테스트);

반환 : 빈 문자 (기본 80 포트가 사용되는 경우 (업데이트 : 80이 추가 되더라도) 반환 값은 기본 80이 아니라 빈 문자입니다)

5. window.location.pathname (URL로 경로 부분을 설정하거나 가져옵니다 (즉, 파일 주소))

var test = window.location.pathname;

경고 (테스트);

반환 : /editposts.aspx

6. Window.location.search (물음표를 따르는 HREF 속성의 일부를 설정하거나 가져옵니다)

var test = Window.location.search;

경고 (테스트);

반환 :? opt = 1

추신 : 쿼리 (매개 변수) 부분을 얻습니다. 동적 언어에 값을 할당하는 것 외에도 정적 페이지를 제공하고 JavaScript를 사용하여 우리가 믿는 매개 변수의 값을 얻을 수 있습니다.

7. window.location.hash (파운드 부호 "#"이후에 세그먼트를 설정하거나 가져 오십시오.

var test = window.location.hash;

경고 (테스트);

반환 : 빈 문자 (URL에 없기 때문에)

8. JS는 URL에서 매개 변수 값을 얻습니다

1. 정기 법률

 함수 getQueryString (name) {var reg = new regexp ( '(^| &)' + name + '= ([^&]*) (& | $)', 'i'); var r = window.location.search.substr (1) .match (reg); if (r! = null) {return unescape (r [2]); } return null;} // 다음 방식으로 호출 : Alert (getQueryString ( "매개 변수 이름 1")); Alert (getQueryString ( "매개 변수 이름 2")); Alert (getQueryString ( "매개 변수 이름 3"));

2. 분할 분할 방법

 함수 getRequest () {var url = location.search; // "?"이후에 문자열을 가져옵니다. url var whatequest의 문자 = new Object (); if (url.indexof ( "?")! = -1) {var str = url.substr (1); strs = str.split ( "&"); for (var i = 0; i <strs.length; i ++) {whatequest [strs [i] .split ( "=") [0]] = unespape (strs [i] .split ( "=") [1]); }} return return Quest;} var request = new Object (); request = getRequest (); <br> // var id = request [ "id"]; // var parameter 1, parameter 2, parameter 3, parameter n; // parameter 1 = request [ 'parameter 1']; // parameter 2 = request [ 'parameter 2']; // parameter 3 = request [ 'parameter 3']; // parameter n = request [ 'parameter n'];

3. 가져 오도록 지정되었습니다

예를 들어, URL : http://i.cnblogs.com/?j=js. 매개 변수 j의 값을 얻으려면 다음 함수를 통해 호출 할 수 있습니다.

 함수 getQueryString (name) {var reg = new regexp ( "(^| &)" + name + "= ([^&]*) (& | $)", "i"); var r = window.location.search.substr (1) .match (reg); // "?"이후에 문자열을 가져옵니다. URL의 문자 및 정기적으로 var context = ""; if (r! = null) context = r [2]; reg = null; r = null; 반환 컨텍스트 == null || 컨텍스트 == ""|| 컨텍스트 == "정의되지 않은"? "" : 문맥; } alert (getQueryString ( "j"));

4. 단일 파라미터를 얻는 방법

 함수 getRequest () {var url = location.search; // "?"이후에 문자열을 가져옵니다. URL의 문자 if (url.indexof ( "?")! = -1) {// 매개 변수가 있는지 여부 var str = url.substr (1); // 0 일이기 때문에 첫 번째 문자로부터? 질문 마크 strs = str.split ( "=")을 제외한 모든 문자열을 얻으려는 서명; // 동일한 부호로 분리됩니다 (매개 변수가 하나만 있다는 것을 알기 때문에 & 부호와 분리 할 여러 매개 변수가 있고 동일한 부호를 사용하는 여러 매개 변수가있는 경우 직접 동일 부호를 사용하여 직접 동일 부호를 사용합니다 (strs [1]); // 첫 번째 매개 변수에 가입합니다 (여러 매개 변수가있는 경우 루핑해야합니다)}}

위는이 기사에 관한 것입니다. 모든 사람이 현재 페이지에서 URL URL 정보를 얻는 방법을 이해하는 것이 도움이되기를 바랍니다.