JS에는 주소 막대 매개 변수를 얻는 두 가지 방법이 있습니다. 첫 번째는 정규 표현식을 사용하여 주소 막대 매개 변수를 얻는 것입니다. 두 번째는 비교적 전통적인 방법입니다. 여기에서 편집기는 편리하고 실용적인 첫 번째 방법의 사용을 강력하게 권장합니다. 특정 구현 프로세스는 아래 세부 사항을 참조하십시오.
방법 1 : 정규 표현식을 사용하여 주소 막대 매개 변수를 얻습니다.
함수 getQueryString (name) {var reg = new regexp ( "(^| &)" + name + "= ([^&]*) (& | $)"); var r = window.location.search.substr (1) .match (reg); if (r! = null) return Unescape (r [2]); 귀환 null;}// 메소드를 호출합니다
Alert (getQueryString ( "매개 변수 이름 1"));
Alert (getQueryString ( "매개 변수 이름 2"));
Alert (getQueryString ( "매개 변수 이름 3"));
예는 다음과 같습니다.
주소 표시 줄의 URL이 Abc.html? id = 123 & url = http : //www.maidq.com 인 경우
그런 다음 위의 방법을 사용하여 호출합니다.
대화 상자가 나타납니다. 내용은 http://www.maidq.com입니다.
사용하는 경우 : Alert (getQueryString ( "ID")); 팝업 내용은 123입니다.
물론 매개 변수를 전달하지 않으면 주소가 ABC.html이고 그 후에 매개 변수가없는 경우, 강제 출력 호출 결과가 오류를보고하는 경우.
따라서 요청 매개 변수가 비어 있는지 판단하기 위해 판단을 추가해야하며 먼저 값을 변수에 할당합니다.
var myurl = getQueryString ( "url"); if (myurl! = null && myurl.tostring (). length> 1) {alert (getQueryString ( "url"));}이렇게하면 오류를보고하지 않습니다!
방법 2 : 전통적인 방법
<script type = "text/javaScript"> function urlsearch () {var name, value; var str = location.href; // 전체 주소를 가져옵니다. var num = str.indexof ( "?") str = str.substr (num+1); // 모든 매개 변수 가져 오기 stringVar.substr (start [, length] var arr = str.split ( "&"); // 각 매개 변수를 배열에 넣습니다 (var i = 0; i <arr.length; i ++) {num = arr [i] .indexof ( "="); if (num> 0) { name = arr [i] .substring (0, num); value = arr [i] .substr (num+1); var request = new urlsearch ();예를 들어이 코드를 1.html로 저장하십시오
그런 다음 1.html? id = 테스트에 액세스하고 싶습니다
현재 테스트 값이 얻어집니다
HTML에서 호출
<script type = "text/javaScript"> var a = "http://baidu.com"; </script> </head> <body> <aid = "a1"href = ""> sadfsdfas </a> <cript> var a1 = document.getElementById ( "a1"; a1.href = a; var a = "http://xxx.com/gg.htm?cctv"; var s = a.indexof ( "?"); var t = a.substring (s+1); // t는 그 뒤에 오는 것입니다 </script>
StringVar.substr (시작 [, 길이]
지정된 위치에서 시작하여 지정된 길이의 서브 스트링을 반환합니다.
Stringvar
필요한 옵션. 문자열 문자 또는 문자열 객체로 서브 스트링을 추출합니다.
시작
필요한 옵션. 필요한 기판의 시작 위치. 문자열에서 첫 번째 문자의 색인은 0입니다.
길이
선택 과목. 반환 된 서브 스트링에 포함되어야하는 문자 수.
길이가 0이거나 음수이면 빈 문자열이 반환됩니다. 이 매개 변수가 지정되지 않으면 서브 스트링은 StringVar의 끝까지 계속됩니다.
몇 가지 관련 매개 변수는 다음과 같습니다.
str.tolowercase ()는 소문자로 변환됩니다
str.touppercase () 모든 문자열은 대문자로 변환됩니다
URL은 : 균일 자원 로케이터 (URL)
완전한 URL은 이러한 부분으로 구성됩니다.
체계 : // 호스트 : 포트/경로? 쿼리#조각
체계 : 통신 프로토콜
일반적으로 사용되는 HTTP, FTP, Maito 등
호스트 : 호스트
서버 (컴퓨터) 도메인 이름 시스템 (DNS) 호스트 이름 또는 IP 주소.
포트 : 포트 번호
HTTP의 기본 포트와 같이 체계의 기본 포트가 사용됩니다.
경로 : 경로
0 또는 다중 "/"기호로 구분 된 문자열은 일반적으로 호스트의 디렉토리 또는 파일 주소를 나타내는 데 사용됩니다.
쿼리 : 쿼리
선택적으로, 매개 변수를 동적 웹 페이지 (예 : CGI, ISAPI, PHP/JSP/ASP/ASP.NET 및 기타 기술)로 전달하는 데 사용됩니다. "&"기호로 분리 된 여러 매개 변수가있을 수 있으며 각 매개 변수의 이름과 값은 "="기호로 분리됩니다.
조각 : 정보 조각
네트워크 리소스에 조각을 지정하는 문자열. 예를 들어, 웹 페이지에는 여러 개의 명사 설명이 있으며 조각을 사용하여 특정 용어 설명을 직접 찾을 수 있습니다. (앵커 포인트라고도합니다.)
그러한 URL의 경우
http://www.maidq.com/index.html?ver=1.0&id=6#imhere
JavaScript로 다양한 부분을 얻을 수 있습니다.
1, window.location.href
전체 URL 문자열 (브라우저의 전체 주소 표시 줄)
이 예제에서 반환 값 : http://www.maidq.com/index.html?ver=1.0&id=6#imhere
2, window.location.protocol
URL의 프로토콜 부분
이 예제는 값을 반환합니다 : http :
3, Window.location.host
URL의 호스트 부분
이 예에서 반환 값 : www.maidq.com
4, Window.location.port
URL의 포트 부분
기본 80 포트가 사용되는 경우 (업데이트 : 80이 추가 되더라도) 반환 값은 기본 80이 아니라 빈 문자입니다.
이 예제는 값을 반환합니다. ""
5, window.location.pathname
URL의 경로 부분 (즉, 파일 주소)
이 예제는 다음 값을 반환합니다 : /fisker/post/0703/window.location.html
6, Window.location.search
쿼리 (매개 변수) 부분
동적 언어에 값을 할당하는 것 외에도 정적 페이지를 제공하고 JavaScript를 사용하여 추정되는 매개 변수의 값을 얻을 수 있습니다.
이 예에서 반환 값 :? ver = 1.0 & id = 6
7, Window.location.hash
앵커 포인트
이 예에서 반환 값 : #Imhere
위는 편집자가 소개 한 주소 막대 매개 변수를 얻기 위해 JS의 두 가지 방법 (간단하고 실용적)에 대한 전체 설명입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!