자바스크립트 기본 사용법
자바스크립트는 HTML 문서에서 <head> 태그나 <body> 태그 사이에 삽입합니다.
자바 스크립트의 기본 구조입니다.
<script language="javascript">
스크립트 내용~~~
</script>
자바스크립트는 삽입방법이나 위치에 따라 실행되는 시기가 달라집니다.
내장형
HTML 문서 내에 소스를 직접 입력하는 방식으로, <head> 태그나 <body> 태그 사이에 입력할 수 있지만, 대부분 해석순서를 고려하여 <head> 태그 사이에 입력합니다.
<head>
<script>
~~자바 스크립트 소스
</script>
</head>
<body>
<script>
~~자바 스크립트 소스
</script>
<body>
행 입력형
HTML 문서의 태그 내에 이벤트핸들러와 함께 사용합니다.
프로그램이 복잡하지 않고 단순한 경우 사용하면 편리합니다.
<태그 이벤트핸들러="자바스크립트 소스">
(예제)
<form onClick="alert('환영')"><input type=button value="환영"></form>
(실행)
함수형
함수(function)는 프로그램명으로 이해하면 됩니다.
소스가 길어질 경우 함수로 이름을 지정하여 호출해서 사용합니다.
문서 내장형과 같이 <head>나 <body> 태그 사이에 삽입할 수 있지만
해석 순서를 고려하여 <head>태그 사이에 입력하는 것이 보편적 입니다.
함수를 호출할 경우에만 실행됩니다.
<head>
<script language="javascript">
function 함수명()
{
자바 스크립트 소스~
}
</head>
또한 함수를 실행할 때는
<태그 이벤트핸들러="함수명()">
이렇게 하여 실행한다.
링크형
링크형은 자바스크립트 소스를 확장자 *.js인 외부 파일로 저장하여 불러옵니다.
링크형을 사용하면 좋은점은 다음과 같습니다
HTML 문서가 길어지는 것을 방지하고 소스를 간략화 시킨다.
자바스크립트 소스의 노출을 방지하여 보안성을 향상시킨다.
자바스크립트 소스를 여러 페이지에 적용할 수 있어 효과적인 작업을 할 수 있고 용량을 줄여준다.
링크형 자바스크립트 사용방법
<script src="js 파일의 전체경로"></script>
주의사항
자바스크립트를 작성할 경우 지켜야할 몇가지 주의사항을 알아보겠습니다.
1. 대소문자 반드시 구분해야 합니다.
2. 구문은 한 줄에 한개씩 위치시킵니다.
한줄에 두개 이상 구문을 두려면, 구문 사이에 세미콜론(;)으로 구분합니다.
ex) alert("안녕"); alert("하세요")
3. 객체, 속성, 메소드, 함수의 구분은 마침표(.)연산자를 사용합니다.
4. 한 개의 구문을 한 줄에 모두 쓰지 못할 경우에는 밑줄(_)을 이용하여 다음 줄과 연결되었음을 표시합니다.
ex) document.write_
("안녕하세요")
5. 문자열 표시는 따옴표를 사용해야 한다.
6. 작은 따옴표나 큰따옴표를 중첩해서 사용할 때는 나중에 시작한 따옴표를 먼저 닫아야 한다.
7. 따옴표 자체를 문자열에 포함시켜야 할 경우에는 역슬래시(\)와 따옴표를 함께 사용한다.
주석달기
자바스크립트에서는 두가지 방법으로 주석문을 작성할 수 있습니다.
1. 한 행을 주석문 처리
//주석 처리할 행,문장
2.두행 이상 주석문 처리
/* 주석 처리할 영역 ~~ */
'웹' 카테고리의 다른 글
| 자바스크립트 이벤트와 이벤트핸들러 (0) | 2012.05.10 |
|---|---|
| 자바스크립트 기본학습 (0) | 2012.05.10 |
| 폼(Form) 관련 태그 폼 문서(회원가입 창) 만들기 (3) | 2012.05.07 |
| 목록 관련 태그 (0) | 2012.05.05 |
| HTML 기본구조와 태그 (0) | 2012.05.05 |