JS_javascript 기술을 사용하여 URL의 매개변수 값(QueryString)을 공유하는 4가지 방법

WBOY
풀어 주다: 2016-05-16 16:52:25
원래의
1447명이 탐색했습니다.

방법 1: 일반 방법

코드 복사 코드는 다음과 같습니다
function 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: 분할 방법

코드 복사 코드는 다음과 같습니다.
function GetRequest() {
var url = location.search; //"? " 문자 문자열
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]);
}
}
return theRequest;
}
var Request = new Object();
Request = GetRequest();
// var 매개변수 1, 매개변수 2, 매개변수 3, 매개변수 N
// 매개변수 1 = 요청['매개변수 1']// 매개변수 2 = 요청 ['매개변수 2'];
//매개변수 3 = 요청['매개변수 3'];
//매개변수 N = 요청['매개변수 N'];

방법 3: 일반 규칙도 참조하세요

JS를 통해 URL 매개변수를 가져옵니다. 자주 사용됩니다. 예를 들어, URL: http://wwww.jb51.net/?q=js의 경우 매개변수 q의 값을 얻으려면 다음 함수를 통해 호출할 수 있습니다.

코드 복사 코드는 다음과 같습니다.
function 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;
컨텍스트 == "" || 컨텍스트 == "정의되지 않음"
}
alert(GetQueryString("q"))

방법 4: 단일 매개변수 얻기

function GetRequest() {

var url = location.search; //url에서 "?" 문자 뒤의 문자열 가져오기
if (url.indexOf("?") != -1) { //매개변수가 있는지 확인
var str = url.substr(1); //0번째 문자가 물음표를 제외한 모든 문자열을 가져오는 ? 기호이므로 첫 번째 문자부터 시작합니다.
strs = str. Split ("="); // 등호로 구분합니다(매개변수가 하나뿐이라는 것을 알고 있으므로 직접 구분하려면 등호를 사용하세요. 매개변수가 여러 개인 경우 & 기호를 사용한 다음 등호를 사용하여 구분하세요. them)
Alert(strs[ 1]); //첫 번째 매개변수를 직접 팝업합니다(매개변수가 여러 개인 경우 반복됩니다)
}
}

관련 라벨:
js
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿