§객체 이름으로 이미지 객체에 접근하기
document.images(0) 식으로 하위 객체에 접근하는 방법에는 약간의 문제가 있습니다. 엄청 많은 이미지를 가진 문서에서는 document.images(30) 시으로 접근 해야 하므로 일일이 이미지의 번호를 알아내기란 무척 번거롭기 때문입니다. 그렇다면 번호대신 사용할 수 있는 방법은 무엇일까요? 바로 객체 고유의 이름(태그의 name 속성에 지정된 값)을 사용하시면 됩니다.
위와 같은 HTML 문서에서 첫 번째 이미지 객체에 접근하기 위한 방법으로 document.images(0)을 사용해도 되지만 document.tag1을 사용하는 것이 휠씬 효율적인 방법입니다.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━
●변수
변수란 데이터를 저장하는 장소로 무언가를 담아두는 그릇으로 비유할 수 있습니다.
자바스크립틍는 자동으로 데이터 유형을 판단하기 떄문에 변수 선언이 다른 언어보다 간단하며 일반적인 경우 특별히 변수임을 선언할 필요도 없습니다. 즉, 변수를 선언하지 않고 필요한 곳에서 사용하면 되는데 다만, 변수를 선언하고자 하는 경우에는 다음과 같이 var 키워드를 사용하면 됩니다.
ex) Var 변수 이름 또는 var 변수 이름1, 변수 이름2, ...
그리고 변수를 선언하면서 "="을 사용하여 값을 할당할 수도 있습니다.
ex) Var 변수 이름 = 값
"태그매니아"를 브라우저에 출력하는 스크립트로 만들려면 다음과 같이 변수를 사용해서 작성할수도 있습니다.
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
var greet="태그매니아";
document.write(greet);
// -->
</SCRIPT>
물론 위의 예제에서 특별히 변수를 사용할 필요는 없습니다. 그렇지만 변수에는 고정된 값만 저장되는 것이 아니라서 프로그래밍에 따라 다양한 값이 저장될 수 있고, 긴 문자열을 변수에 담아 두고 여러 번 사용해야 할 경우 지정된 변수를 불러오는 것이 스크립트를 보다 간편하게 줄일 수 있습니다.
1] 세미콜론(;)생략하기
세미콜론(;)은 스크립트를 작성할 때 문장을 구분하기 위해 문장의 끝에 사용합니다. 한행에 한 문장만 입력할 경우에는 생략해도 되지만 한 행에 두개 이상의 문장이 오는 경우 ;을 생략하면 에러가 발생하게 됩니다. 하지만 여러 문장일 경우에도 행을 바꾸면 세미콜론을 생략해도 됩니다.
var greet="태그매니아" document.write(greet) (X)
var greet="태그매니아"
document.write(greet) (O)
2] 변수 이름 짓기
변수 이름을 짓는 데 사용되는 규칙은 함수, 인수, 객체, 속성, 메소드의 이름을 지정하는 데도 적용됩니다.
①변수 이름은 항상 알파벳 문자나 "_"로 시작해야 합니다. 숫자나 특수문자로 시작하는 이름은 사용할 수 없습니다.
②한글이름은 사용할 수 없습니다.
③대, 소문자를 구별합니다. 즉 greet, Greet, GREET는 전혀 다릅니다.
④스페이스나 콤마, 물음표, 인용부호는 사용할 수 없습니다.
⑤자바스크립트에 예약된 단어는 사용할수 없습니다.