변수를 선언한다.

 [var] variable1[=value1][,variable2[=value2], ...]
인수
variable1,variable2 : (변수명)
선언할 변수의 이름이다.
value1,value2 : (변수값)
변수에 할당된 초기값이다. 자동으로 판정하는 기능이 있기는 하지만, 값을 지정해 주면 수치와 스트링이 값을 더해야 하는 경우에 스트링 결합 결과을 얻을 수 있으므로 주의하라.
사용

var 문장을 사용하여 변수를 선언한다. 이들 변수는 선언할 때 값을 할당할 수도 있고, 나중에 스크립트에서 할당할 수도 있다. 초기값을 할당하지 않으면 그 변수의 값은 'undefined'가 된다. 변수를 선언하지 않고 호출하면 오류가 발생한다. 같은 변수이름으로 두번 할당하면 나중에 할당한 초기값이 적용된다.

구문 예제 
var aa; var bb; var cc;
var aa, bb, cc;

var aa='val1'; var bb='val2'; var cc=100;
var aa='val1', bb='val2', cc=100;
aa='val'; bb='val2'; cc=100;

var aa=bb=cc='100';
aa=bb=cc='100';

var aa='val1', bb='val2', cc=100, dd, ee=ff='';

최초값 없이 선언할 수 있고, 최초값을 지정할 수 있으며, var 를 생략할 수도 있고, 복합적으로 선언할 수도 있다.

변수값 전달

기능함수 내에서 선언하면 그 기능함수 속에서만 값을 유지하고, 그 기능함수를 이탈하면 그 변수가 유효하지 않아서 외부에서 호출하면 오류가 발생한다.

페이지 다른 곳에서도 사용될 수 있는 공통 변수(global variable)는 기능함수 밖에서 선언되어야 하며, 기능함수가 정의 되기 전 <HEAD> 바로 밑에서 정의한다.

또한 모든 변수는 현재 페이지에만 유효한데 여러 페이지에서동시에 사용하려면 cookie에 복사하여 사용할 수 있다.



간단한 변수 선언(var) 예제

<SCRIPT>
var name;
var city='서울시', area='서초구 서초동', zip='100-101';
var address=birthday=''; // var는 생략이 가능하다.
var gender='남', hobby, age=30;
</SCRIPT>

추가적인 var 예제

<SCRIPT>
var leng='100';  // 변수 선언과 초기값 할당
var width='50';  // 변수 선언과 초기값 할당
document.write('leng+width='+leng+width+'<BR>'); // 더하기는 스트링 결합이 이루어 진다.
document.write('leng*width='+leng*width+'<BR>'); // 곱하기는 계산이 이루어진다.
var aa=100,bb=50;  // 변수 선언과 초기값 할당
document.write('aa+bb='+aa+bb+'<BR>'); // 합산이 이루어진다.
var blankvalue='';  // 변수 선언과 빈 초기값 할당
document.write('blankvalue=['+blankvalue+']<BR>');  // 출력하면 빈 문자열이 된다
var novalue;  // 변수 선언하고 초기값 할당 안함
document.write('novalue='+novalue+'<BR>');  // 출력하면 'undefined'가 된다
</SCRIPT>


좀 복잡한 일자변수Date() 할당(var) 예제

년도, 월, 일자를 구하기 위하여 ?... : ...(3항식)을 사용하였다. 
<SCRIPT>
var today=new Date().getYear().toString().substr(3,2) +'/'+  // 변수을 선언하고 일자의 년도 값에서 뒤 두자만 추출
  (new Date().getMonth<'9' ? '0':'')+(new Date().getMonth()+1)+'/'+  // 월이 한자리의 경우에 앞에 '0'을 넣어 변수에 추가
  (new Date().getDate<'9' ? '0':'')+new Date().getDate()+'<BR>';  // 일자가 한자리의 경우에 앞에 '0'을 넣어 변수에 추가
document.write('today='+today);  // 변수값 출력

// 좀 간단히하면
var new Date();  // 위 예제에서 한번의 변수를 더 할당하고 다음 변수에서 인용하여 할당하는 예제
var today=now.getYear().toString().substr(3,2) +'/'+
  (now.getMonth<'9' ? '0':'')+(now.getMonth()+1)+'/'+
  (now.getDate<'9' ? '0':'')+now.getDate()+'<BR>';
document.write('today='+today);  // 변수값 출력


좀 복잡한 페이지 변수 읽어 할당(var) 예제

현재 문서의 모든 DIV 태그들의 갯수임

<SCRIPT>
var numb=top.jsright.jsmain.document.all.tags("DIV").length+'<BR>';
   /* 현재 문서의 모든 DIV 태그 갯수 정보를 numb 변수에 할당,
      top. : 현재 페이지의 최상단 윈도우(index 페이지)
      jsright. : 오른쪽 프레임 명칭
      jsmain. : 주 정보 프레임 명칭
      document. : 문서 개체�
      all. : 모든 HTML 엘레멘트들의 컬렉션
      tags('DIV') : DIV 엘레멘트
      length : DIV 엘레멘트들의 갯수
   */
document.write('현재 문서의 모든 DIV 태그 갯수='+numb);  // 변수값 출력
</SCRIPT>


좀 복잡한 navigator 버전 찾아 할당(var) 예제

<SCRIPT>
var myBrowser='<DD>navigator.userAgent='+navigator.userAgent+  // 변수 선언과 navigator.userAgent 내역을 초기값에 할당
  '<DD>navigator.appName='+navigator.appName+  // navigator.appName 내역을 초기값에 추가
  '<dd>navigator.appVersion='+navigator.appVersion+  // navigator.appVersion 내역을 초기값에 추가
  '<dd>navigator.appCodeName='+navigator.appCodeName; // navigator.appCodeName 내역을 초기값에 추가
document.write('<DL><DT>내 브라우저는:'+myBrowser+'</DL>');  // 변수값 출력
</SCRIPT>