> 웹 프론트엔드 > JS 튜토리얼 > URL 매개변수 값을 얻는 js 방법에 대한 자세한 설명

URL 매개변수 값을 얻는 js 방법에 대한 자세한 설명

coldplay.xixi
풀어 주다: 2020-06-13 12:58:53
앞으로
3464명이 탐색했습니다.

URL 매개변수 값을 얻는 js 방법에 대한 자세한 설명

js 메서드로 URL 매개변수 값을 가져옵니다

Location 개체는 Window 개체의 일부이며 window.location 속성을 통해 액세스할 수 있습니다.

hash: 파운드 기호(#)로 시작하는 URL(앵커)을 설정하거나 반환합니다.

host: 현재 URL의 호스트 이름과 포트 번호를 설정하거나 반환합니다.

hostname: 현재 URL의 호스트 이름을 설정하거나 반환합니다.

href: 전체 URL을 설정하거나 반환합니다.

pathname: 현재 URL의 경로 부분을 설정하거나 반환합니다.

port: 현재 URL의 포트 번호를 설정하거나 반환합니다.

프로토콜: 현재 URL의 프로토콜을 설정하거나 반환합니다.

search: 물음표(?)로 시작하는 URL(쿼리 부분)을 설정하거나 반환합니다.

js가 url 매개변수 값을 가져오는 방식

한 개의 매개변수:

var test =window.location.href;
var 参数=test.split("?参数=")[1];
로그인 후 복사

여러 매개변수:

방법 1:

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; 
  return context == null || context == "" || context == "undefined" ? "" : context; 
}
로그인 후 복사

호출 방법:

var 参数1 = GetQueryString['参数1'];
var 参数2 = GetQueryString['参数2'];
var 参数3 = GetQueryString['参数3'];
로그인 후 복사

방법 2:

function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
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 = Request[&#39;参数1&#39;];
参数2 = Request[&#39;参数2&#39;];
参数3 = Request[&#39;参数3&#39;];
参数N = Request[&#39;参数N&#39;];
로그인 후 복사

추천 튜토리얼: "JS 튜토리얼"

위 내용은 URL 매개변수 값을 얻는 js 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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