메뉴 건너뛰기

조회 수 8523 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
javascript]  Location 객체의 주요멤버 살펴보기

 [코드] getQueryString.js - URL에서 전달인자 추출

Colored By Color Scripter

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/*
 * URL에서 전달인자 추출
 * URL의 질의 문자열(쿼리스트링) 에서 &로 구분된 이름=값 전달인자 쌍들을 파싱하여 추출
 * 추출한 이름=값 쌍들을 객체의 프로퍼티에 저장하여 이 객체를 결과로서 반환
 * 
 * 함수 사용예)
 * var args = getArgs(); //URL에서 args를 파싱
 * var q = args.q || ''; //정의된 전달인자가 있으면 사용하고 없으면 기본값 사용
 * var n = args.n ? parseInt(args.n) : 10; 
 */


 function getArgs() {
     var args = new Object();
     var query = location.search.substring(1);  //질의문자열을 얻어온다. (?제거를 위해 문자열자름)
     var pairs = query.split("&");              //&위치에서 분리

     for (var i = 0; i < pairs.length; i++) {
        var pos = pairs[i].indexOf('=');          // "이름 = 값" 을 찾는다.
        if (pos == -1) continue;                  //찾지 못했다면 건너뛴다.
        var argname = pairs[i].substring(0, pos); //이름을 추출
        var value = pairs[i].substring(pos+1);      //값을 추출
        value = decodeURIComponent(value);          //필요하다면 디코딩 수행
        args[argname] = value;                      //객체의 프로퍼티로 저장
     }

     return args; //객체를 반환
 }

 

 

 

 

URL에서 전달인자(쿼리스트링)를 추출하여 다음과 같이 객체로 반환

 

 

 

 [코드] 샘플 HTML페이지

Colored By Color Scripter

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>URL에서 전달인자 추출하기</title>
  <script type="text/javascript" src="getQueryString.js"></script>
  <script>
    var args = getArgs(); //URL에서 args를 파싱
    var q = args.q || ''//정의된 전달인자가 있으면 사용하고 없으면 기본값 사용
    var n = args.n ? parseInt(args.n) : 10; 
    
    console.log(args);
    document.write("q:"+q);
    document.write("<br/>");
    document.write("n:"+n);
  </script>
 </head>
 <body>
 </body>
</html>

 

전달인자가 없을경우 기본값이 출력된 모습



전달인자가 있을경우 

 

  



List of Articles
번호 제목 날짜 조회 수
187 input 빈칸 체크 2014.03.01 6271
186 해상도에 따라 배경 바꾸기 2014.03.01 6083
185 입력된 폼의 내용 똑같이 복사 file 2014.03.01 6892
184 select 당일 날짜 출력 file 2014.03.01 5780
183 입력된 글씨수 제어 file 2014.03.01 6700
182 따라다니는 배너 2014.03.17 6270
181 이미지클릭시 옆에 큰이미지나오기 2014.03.17 5518
180 특정부위 마우스 오버시 설명을 보여주는 소스 2014.03.17 8697
179 이미지 마우스 드래그로 스크롤을 움직이는 소스 2014.03.17 9362
178 자바스크립트 영문입력, 숫자만입력, 한글만 입력, 붙여넣기 방지 2015.02.02 10180
177 페이지 로드 할때 컨트롤에 포커스 주기 2015.02.03 8500
176 마우스로 이미지크기 조절(자바스크립트) 2015.02.03 6530
175 문자열 바꾸기 2015.02.03 5729
174 라디오 바스 체크 유무 확인 2015.02.03 6349
173 버튼 삭제 2015.02.03 5951
172 양력-음력 2015.02.03 7673
171 달력 2015.02.03 6684
170 5초후 자동으로 창닫기 2015.02.03 9034
169 'focus', 엔터 누르고 이동하자! file 2015.02.03 12857
168 유효성 검사, 모든 폼에 값이 입력되도록 해보자! file 2015.02.03 6125
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved