주소 표시줄 URL 매개변수_javascript 기술을 얻는 javascript/jquery 방법

jquery를 사용하여 URL을 얻고 jquery를 사용하여 URL 매개변수를 얻는 작업은 우리가 자주 사용하는 작업입니다.

1. jquery를 사용하면 매우 간단합니다. 코드는 다음과 같습니다.

코드를 복사하세요. 코드는 다음과 같습니다.

window.location.href;

실제로는 javascript의 기본 window 객체만 사용하고 jquery의 지식은 사용하지 않습니다

2. jquery로 URL 매개변수를 가져오는 것은 더 복잡하고 정규식을 사용해야 하므로 자바스크립트 정규식을 배우는 것이 중요합니다

먼저 javascript를 통해 간단히 URL의 특정 매개변수를 가져오는 방법을 살펴보겠습니다

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

function getUrlParam(name)
{
var reg = new RegExp("(^|&)" name "=([^&]*)(&| $)") ; //대상 매개변수를 포함하는 정규식 객체 생성
var r = window.location.search.substr(1).match(reg); //대상 매개변수 일치
if (r!= null) return unescape(r[2]); return null; //매개변수 값 반환
}

이 함수를 통해 URL에 매개변수 이름을 전달하면 매개변수 값을 얻을 수 있습니다. 예를 들어 URL은
http://www.xxx.loc/admin/write-post.php?cid=79
입니다. cid 값을 얻으려면 다음과 같이 작성할 수 있습니다.

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

getUrlParam('cid');

javascript가 URL 매개변수를 가져오는 방법을 이해합니다. 이 메서드를 사용하여 jquery를 통해 URL 매개변수를 가져오는 jquery용 메서드를 확장할 수 있습니다. 다음 코드는

코드는 jquery의 getUrlParam() 메서드를 확장합니다

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

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

jquery에 대해 이 메서드를 확장한 후 다음을 통해 얻을 수 있습니다. 다음 방법 특정 매개변수의 값

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

$.getUrlParam('cid');