get 방식으로 전달한 파라미터의 value 값들을 구하는 메소드

 

 

 

 

먼저 html 페이지에서 get 방식으로 전송할 파라미터 값들을 적어주고 나서

 

 

 

getQueryParam(param) 함수를 선언하고

example() 함수에 출력할 것들을 document.write() 메소드를 통하여 적은 뒤

onload 엘리먼트를 이용하여 value 값들을 리턴한다.

 

 

 

위와 같이 html 페이지에서 get 방식으로 전송했던 파라미터의 value 값들만 출력할 수 있다.

html 페이지에서 파라미터로 전송하지 않았던 값들은 false로 리턴하는 것을 확인할 수 있다.

 

 

 function getQueryParam(param) {
   
      var result = window.location.search.match(
          new RegExp("(\\?|&)" + param + "(\\[\\])?=([^&]*)")
      );
          
      return result ? result[3] : false;
  }

 

'FrontEnd > JavaScript & jQuery' 카테고리의 다른 글

JavaScript :: 함수  (0) 2016.03.15
JavaScript :: window.location  (0) 2016.03.14
JavaScript :: select option text, value 출력  (2) 2016.03.11
JavaScript :: hidden field  (0) 2016.02.25
JavaScript :: JavaScript에 대하여  (0) 2016.02.25

 

 

option 사이즈가 4개인 배열이 있다.

이 배열의 value 값과 text 값을 한꺼번에 출력해보도록 하자.

배열이기 때문에 반복문을 사용하여 출력할 수 있다.

 

 

 

함수를 선언하고 getElementById 메소드를 이용하여 select에 접근한다.

 

옵션들의 text 값은 options[i].text (mySelect라는 select의 옵션들의 text 값)

옵션들의 value 값은 options[i].value  (mySelect라는 select의 옵션들의 value 값)

를 사용하면 어떠한 옵션 항목을 선택하던 전체 옵션 배열 값들이 출력된다.

 

 

 

이렇게 한꺼번에 출력되는 것을 볼 수 있다.

 

 

 

만약 옵션 배열 중 선택한 옵션인 특정 text 값이나 value 값을 출력하고 싶다면

options[id값.selectedIndex].value

options[id값.selectedIndex].text

를 사용하면 된다.

hidden이 가지는 value 값의 name 변수를 현재 파일에서 보여주지 않고 form문의 action에서 주어진 곳으로 넘어가게 해주는 것 (보통 form문과 함께 쓰인다)

넘겨받은 값을 다시 다른 페이지로 넘길 때 사용하면 유용

 

화면에 출력되는 부분이 아니라 제작할 때에는 영향을 미치지 않지만 폼을 서버로 전송할 때 함께 전송함

 

사이트에서 회원가입시 사용자가 정보를 입력하는 폼 요소들 외에 가입 날짜, 경로 등 사용자가 따로 입력하지 않아도 알게 되는 내용들을 hidden 필드로 적용한다 (ex. 회원가입시 사용자의 ip 주소를 받는 경우 hidden 필드에 넣음)

 

value 값이 없으면 null이 아닌 공백이 들어간다

form 태그의 내용 전달 버튼 등의 중요 속성을 통해서만 동작함 (radio 속성 등에는 반응하지 않음)

 

 

 

<input type="hidden"    name="이름"    value="값">

 

 

* name="이름" : 식별자. 넘겨지는 값의 변수명

   value="값" : 넘겨지는 값 (ex. <%=person.getId() %>)

1. 정의

html만으로는 하지 못하는 일을 도와주는 보조 수단

독립된 응용 프로그램의 형태를 지니지 못하는 스크립트 언어(완벽한 문법적 구조를 가지지 못함)

객체를 이용하여 프로그래밍 하는 객체 기반 언어

확장성 있는 네트워크 어플리케이션 개발에 사용되는 소프트웨어 플랫폼

 

 

2. 장점

html 소스 속에 끼워 컴파일 과정 없이 그대로 브라우저로 실행이 가능 (인터프리터 언어)

변수에 대한 특정 자료형을 선언하지 않고도 사용이 가능

유닉스, 리눅스, 윈도우 제한 없이 사용 가능

타 언어에 비해 배우기가 쉽고 이해가 쉬움

객체를 정의하여 사용할 수 있음

 

 

3. 단점

소스 코드가 노출되어 보안 유지가 불가능

객체가 한정되어 있기 때문에 인터넷 게임과 같은 다양하고 고난이도의 프로그램은 작성 불가능

웹 브라우저에서만 인식 가능

객체를 정의하여 사용할 수는 있으나 클래스를 정의하거나 클래스 상속은 불가능

기본적인 기능은 같다.

 

1. window.location

read / write 속성 둘 다 가짐.

창의 위치로 이동(새로운 페이지로 이동).

웹 표준이기 때문에 되도록이면 이것을 쓰는게 좋다.

 

 

2. document.location

read 속성만 가짐.

페이지의 위치로 이동.

 

 

3. 속성

location.href='주소'; 

주소로 이동 

location.replace('주소');

주소로 이동

location.reload();

새로고침

 

+ Recent posts