꼭 알아두어야 할 것
- 문법에 맞지 않는 글자가 단 한자라도 있거나 구절이 있다면 스크립트 실행시 에러가 납니다.
- <script language="javascript">로 시작하여 </script> 로 닫아줍니다.
이것은 language="javascript" 명령으로 사용된 스크립트가 자바스크립트임을 알려주는 것으로 <script>태그를 생략하면 자바스크립트는 실행되지 않고 일반텍스트로 간주하여 본문에 스크립트 소스가 그대로 표시됩니다.
HTML 문서안에서 자바스크립트의 기본 구조
<HTML>
<HEAD>
<TITLE>자바스크립트 소스의 기본 구조 </TITLE>
<SCRIPT language="JavaScript">
<!--
/* 이 안에는 프로그램을 설명하고 나중에
분석하기 쉽도록 필요한 주석문을 기입합니다.*/
function test()//test() 라는 함수를 정의
{
실행될 함수의 내용) //한줄짜리 주석문
}
//-->
</SCRIPT>
<NOSCRIPT>
자바스크립트를 지원하지 않는 브라우저에 나타날 내용
</NOSCRIPT>
</HEAD>
<BODY>
<!--아래와 같이 바디태그안에 실행부분을 기록하는데 클릭 이라 적혀있는 버튼을 클릭시 헤드 부분에서 정의한 함수 test() 를 실행하는 예-->
<input type="button" value="클릭" onClick="test();">
</BODY>
</HTML>
위 내용에 대한 분석
-생략기호 <!-- // -->는 자바스크립트를 지원하지 않는 브라우저에서 스크립트의 실행을 하지 못하게 합니다. 이유는 실행오류나 문서의 깨짐을 방지하기 위함입니다. 대부분 웹브라우저에서 자바스크립트를 지원하므로 생략기호를 사용하지 않아도 되지만 핸드폰이나 PDA 등의 브라우저에서는 비교적 간단한 검색만 지원하고 자바스크립트를 지원하지 않으므로 이러한 브라우저를 생각한다면 생략기호로서 실행을 막아야 합니다.
여러줄 주석문 /*주석내용*/ '기호와 한줄 주석문 //" 기호
주석이란 문서 제작자가 소스를 분석하기 쉽게 필요한 곳에 기록해 놓는글로서 프로그램에는 지장을 주지 않고 화면에 나타나지도 않습니다.
html 에서의 주석문은 <!-- 주석문 --> 을 사용합니다. 만일 html 태그 안에서 위 자바스크립트 주석문을 사용하면 주석문의 효력이 없고 텍스트 그대로 화면에 나타나게 됩니다.
한줄짜리 주석문 기호 // 에 비해 여러줄을 기록할 수 있느 주석기호 /* 는 꼭 주석이 끈나는 줄에서 */ 로 닫아주어야 합니다.
<NOSCRIPT>내용</NOSCRIPT>
태그는 자바스크립트를 지원하지 않는 브라우저를 위한 태그입니다. 이 태그로 둘러싸인 문장이나 태그는 자바스크립트를 지원하지 않는 브라우저에서 자바스크립트 프로그램 실행 대신 화면에 나타나게 됩니다. 자바스크립트를 지원하는 브라우저에서는 화면에 나타나지 않고 아무런 작용도 하지 않습니다.
'HTML/CSS/SCRIPT' 카테고리의 다른 글
| 버튼 누르면 화면상단으로 이동 (0) | 2007.04.20 |
|---|---|
| 링크시 생기는 점선 모두 없애기 (0) | 2007.04.20 |
| 이미지맵에 롤오버적용하기 (0) | 2007.04.20 |
| 컬러코드표 (0) | 2007.04.20 |
| 픽셀과 퍼센트 (0) | 2007.04.20 |
Comments