jQuery를 사용하여 URL에서 쿼리 매개변수 값을 얻는 방법은 무엇입니까?

jQuery를 사용하여 URL에서 쿼리 매개변수를 추출하는 방법

질문:

어떻게 하나요? jQuery를 사용하여 URL에서 쿼리 매개변수 값을 가져와 코드에서 사용하시겠습니까? 예를 들어, URL이 http://www.mysite.co.uk/?location=mylocation1인 경우 다음 jQuery 문에서 사용할 변수에 "mylocation1" 값을 어떻게 할당합니까?

var thequerystring = "getthequerystringhere"

$('html,body').animate({scrollTop: $(""div#" + thequerystring).offset().top}, 500);

답변:

URL에서 쿼리 매개변수를 추출하려면 다음 코드를 사용할 수 있습니다. snippet:

// Read a page's GET URL variables and return them as an associative array.
function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

이 함수는 브라우저의 주소 표시줄에서 URL 매개변수를 가져와 이를 키-값 쌍으로 분할하고 객체로 반환합니다. 예를 들어, URL http://www.example.com/?me=myValue&name2=SomeOtherValue는 다음 개체를 반환합니다.

{
    "me"    : "myValue",
    "name2" : "SomeOtherValue"
}

이 함수를 사용하면 쿼리 매개변수에 액세스할 수 있습니다. 열쇠. 귀하의 경우 "location" 매개변수를 얻으려면 다음과 같이 작성할 수 있습니다.

var locationValue = getUrlVars()["location"];

마지막으로 다음과 같이 jQuery 문에서 추출된 매개변수 값을 사용할 수 있습니다.

var thequerystring = locationValue;

$('html,body').animate({scrollTop: $(""div#" + thequerystring).offset().top}, 500);

위 내용은 jQuery를 사용하여 URL에서 쿼리 매개변수 값을 얻는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!