메뉴 건너뛰기

조회 수 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>

 

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



전달인자가 있을경우 

 

  



  1. No Image 11Sep
    by
    2016/09/11 Views 5266 

    디자이너를 위한 레이어 탭 더 빠르게 만들기

  2. No Image 11Sep
    by
    2016/09/11 Views 5879 

    간단하게 우클릭 막는방법

  3. JDK6 (Java SE Development Kit 6)이하 버전 다운로드 주소

  4. 이클립스 실행할때 자신이 원하는 JDK 지정하는 방법

  5. No Image 09Sep
    by
    2016/09/09 Views 7075 

    특정 HTML DOM 엘레멘트로 스크롤 이동하기

  6. No Image 01Sep
    by
    2016/09/01 Views 6745 

    모바일 홈페이지로 자동 이동하는 방법....

  7. No Image 01Sep
    by
    2016/09/01 Views 7166 

    이동 가능한 레이어팝업 소스

  8. No Image 01Sep
    by
    2016/09/01 Views 7277 

    jquery offset()을 이용한 부드러운 스크롤 이동

  9. 이벤트 - 페이지 로드 후 이벤트 처리하기 ( window.onload )

  10. No Image 19Jun
    by
    2015/06/19 Views 6958 

    iframe사용시 높이 자동 조절

  11. [라디오버튼 오류 체크] 간단한 문제 예제

  12. 자바스크립트 아이디 기억하기 기능 구현 (쿠키저장)

  13. No Image 19Jun
    by
    2015/06/19 Views 14586 

    공백 검사 함수

  14. No Image 19Jun
    by
    2015/06/19 Views 9086 

    자바스크립트 API 문서

  15. JSON API - JSON.parse(), JSON.stringify() ( json 형태의 문자열을 JSON객체로 , JSON객체를 문자열로 )

  16. 창 크기 최대화 시키기

  17. 예제 - 이미지를 원본 크기로 볼 수 있도록 새창으로 열기 확장 (리사이징 및 이미지 드래그)

  18. Location 객체 - URL 파싱 - URL에서 전달인자 추출하기 함수 작성

  19. 창에 대한 정보얻기 (창 크기, 창 위치)

  20. No Image 19Jun
    by
    2015/06/19 Views 10741 

    핸드폰 번호 일부 마스킹크 작업 (정규식 이용)

Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 11 ... 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved