웹 프론트엔드 JS 튜토리얼 URL 매개변수_javascript 기술을 얻기 위한 Js Jq 중앙 집중식 메서드 샘플 코드

URL 매개변수_javascript 기술을 얻기 위한 Js Jq 중앙 집중식 메서드 샘플 코드

May 16, 2016 pm 04:47 PM
URL 매개변수

JQ 값 방법:

jquery 자체에는 URL 매개변수를 얻는 방법이 없지만, 이미 플러그인이 있고, URL 및 기타 매개변수를 직접 얻을 수 있습니다.
플러그인 연결 홈페이지: https //github.com/allmarkedup/ jQuery-URL-Parser
다운로드 링크: http://download.github.com/allmarkedup-jQuery-URL-Parser-bb2bf37.zip

사용 예
현재 페이지의 URL 사용(이 예의 경우 https://mysite.com/information/about/index.html?itemID=2&user=dave):

// 프로토콜 가져오기
jQuery .url.attr("protocol") // 'http'를 반환합니다.

// 경로를 가져옵니다.
jQuery.url.attr("path") // '/information/about/index.php'를 반환합니다. html'


// 호스트 가져오기
jQuery.url.attr("host") // 'mysite.com' 반환

// 호스트 값 가져오기 itemID 쿼리 매개변수
jQuery.url .param("itemID") // 2를 반환합니다.

// URL 경로에서 두 번째 세그먼트를 가져옵니다.
jQuery.url.segment(2) // 반환합니다. 'about'
현재 페이지에 다른 URL 사용:

// 다른 URL을 설정하고 앵커 문자열을 반환합니다.
jQuery.url.setUrl("http://allmarkedup.com/ Category/javascript/#footer").attr("anchor") // 'footer' 반환

JS 기본 획득:

가장 독창적인 JS 메서드:

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

var URLParams = new Array()
var aParams = document. location.search.substr(1).split(' &');
for (i=0; i < aParams.length ; i ){
var aParam = aParams[i].split('= ');
URLParams[aParam[0] ] = aParam[1];
}

다음과 같이 호출하세요.

http://127.0.0.1/ index.php?name=name1&cid=123
/ /전달된 이름 매개변수 가져오기
name=URLParams["name"]

document.write(name)//Get 전달된 cid

cid= URLParams["cid"];

정기 분석 방법:

방법 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:


<span style="font-size: 16px;"><Script 언어=" javascript">
function GetRequest() {
var url = location.search; //url에서 "?" 문자 뒤의 문자열 가져오기
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url .substr(1)
strs = str.split("&"); = 0; i < strs.length; i ) {
theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1] );
}
}
return theRequest;
}
</Script>


다음과 같이 호출하세요.


코드 복사 코드는 다음과 같습니다. <Script 언어="javascript"> Object();
요청 = GetRequest();
var 매개변수 1, 매개변수 3, 매개변수 N
매개변수 1 = 요청['매개변수 1']; ['매개변수 2'];
매개변수 3 = 요청['매개변수 3']
매개변수 N = 요청 ['ParameterN']

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

JavaScript로 문자열 문자를 교체하십시오 JavaScript로 문자열 문자를 교체하십시오 Mar 11, 2025 am 12:07 AM

JavaScript로 문자열 문자를 교체하십시오

jQuery 날짜가 유효한지 확인하십시오 jQuery 날짜가 유효한지 확인하십시오 Mar 01, 2025 am 08:51 AM

jQuery 날짜가 유효한지 확인하십시오

jQuery는 요소 패딩/마진을 얻습니다 jQuery는 요소 패딩/마진을 얻습니다 Mar 01, 2025 am 08:53 AM

jQuery는 요소 패딩/마진을 얻습니다

상위 5 일 날짜 조작 JS 플러그인 상위 5 일 날짜 조작 JS 플러그인 Feb 28, 2025 am 12:34 AM

상위 5 일 날짜 조작 JS 플러그인

10 JQuery 플러그인을 확인할 가치가 있습니다 10 JQuery 플러그인을 확인할 가치가 있습니다 Mar 01, 2025 am 01:29 AM

10 JQuery 플러그인을 확인할 가치가 있습니다

10 JQuery Accordions 탭 10 JQuery Accordions 탭 Mar 01, 2025 am 01:34 AM

10 JQuery Accordions 탭

jQuery div에 스크롤 바를 추가합니다 jQuery div에 스크롤 바를 추가합니다 Mar 01, 2025 am 01:30 AM

jQuery div에 스크롤 바를 추가합니다

노드 및 HTTP 콘솔로 HTTP 디버깅 노드 및 HTTP 콘솔로 HTTP 디버깅 Mar 01, 2025 am 01:37 AM

노드 및 HTTP 콘솔로 HTTP 디버깅

See all articles