[JSP] JavaScript (var, typeof, function, 배열)

 

자바스크립트는 웹페이지를 동적으로 바꿔줄 수 있는 스크립트 언어이다.

 

• 자바스크립트 입력 방법

1. script 태그를 통해 자바스크립트를 입력

2. 확장자가 js인 파일을 생성

 

---

 

 

jsp파일에서 script 태그를 사용해 진행하겠다.

 

<script type="text/javascript">

	var str;
    
	str = "문자열";
	document.write(str + ":" + typeof(str) + "<br/>");
	str = 123;
	document.write(str + ":" + typeof(str) + "<br/>");
	str = true;
	document.write(str + ":" + typeof(str) + "<br/>");

 

변수를 선언하는 var

var는 정해진 자료형이 없기 때문에 입력한 값에 따라 자료형이 나타난다.

 

document.write는 출력 기능이다.

body가 아닌 곳에 써도 body에서 출력이 된다.

 

결과

 

typeof를 통해 입력한 값의 데이터 타입이 출력되는 것을 볼 수 있다.

 

 

• Function 함수

함수를 통해 이메일 주소를 검사하겠다.

 

사용자에게 값을 입력받을 수 있도록 body에 form 양식을 입력한다.

스크립트이므로 form name을 지정해준다.

 

email 주소 뒷부분은 읽기 전용으로 해두었다.

 

emailCheck 함수는 바로 밑에 나올 예정이다.

 

select의 경우 onclick이 아니라 onchange를 해줘야 하는 점 기억하자!

다른 값을 클릭해줬을 때 바뀔 수 있도록

선택한 메일 사이트에 맞는 vale값을 입력해주었다.

 

 

 

스크립트 태그 하에 emailCheck 함수를 만들어주었으며

document.myForm을 f로 함축시켜 주었다.

 

if절 첫번째 내용은 사용자가 선택한 cindex가 마지막 부분인 '직접입력'일 때를 의미한다.

readOnly가 false라는 것은 읽기 전용이 풀렸으므로 직접 입력을 할 수 있게 된다.

 

else라면 입력해준 value값을 맞춰서 넣어준다.

 

결과

 

• 배열

function 함수에서 배열을 사용하기 위해 2가지 방법으로 입력할 수 있다.

 

var dlength = f["drink"].length;
var dlegnth = f.drink.length;

<input type="checkbox" name="drink"/>콜라<br/>
<input type="checkbox" name="drink"/>사이다<br/>

 

밑에 drink 배열이 있지만 편의상 2가지로 진행한다.

 

첫번째 방법은 대괄호 안에 name값을 넣어주는 것이다.

두번째 방법은 바로 f.drink로 이어서 입력한다.

 

두가지가 섞어서 쓰여도 상관은 없다.