1. 자바스크립트의 기본 형식
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Java Script의 형식</title>
<script>
자바스크립트 실행문;
</script>
<script src="자바스크립트 파일.js"></script>
</head>
<body>
</body>
</html>2. 기본 규칙
2-1. 하나의 실행문이 끝나면 마지막에 세미콜론(;)을 붙여 줍니다.
세미콜론(;)을 붙여 주지 않아도 상관은 없으나, 하나의 실행문을 확인하고 넘어가는 차원에서 세미콜론을(;)을 붙여서 코딩하는 것이 좋습니다.
| var num=5; document.write(num); |
2-2. 대소문자를 구분합니다.
| var num=5; document.write(num); |
2-3. 가독성을 위해 들여 쓰기를 사용합니다.
| var avgDistance=function() { var speed=distance*time; } |
2-4. 주석(comment) 처리
| // 한 줄 주석 처리 방법입니다. |
| /* 여러 줄 주석 처리 방법입니다. */ |
3. 적용 방법
3-1. HTML 문서 내부에서 적용할 수 있습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>내부에서 적용하기</title>
<script>
document.write('자바스크립트');
</script>
</head>
<body>
</body>
</html>
3-2. HTML 문서 외부에서 적용할 수 있습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>외부에서 적용하기</title>
<script src="write.js"></script>
</head>
<body>
</body>
</html> document.write('자바스크립트 불러오기');
4. 적용 위치
4-1. <head> 태그 내 또는 </body> 위에 위치할 수 있습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>적용 위치</title>
<script>
var num1= 10;
var num2= 20;
</script>
</head>
<body>
<script>
document.write(num1+num2);
</script>
</body>
</html>
5. 기본 명령어
| 분류 | 명령어 |
| 입력 | prompt( '입력 제목', '입력 내용' ) |
| 출력 | document.write( '출력 내용' ) |
| alert( '출력 내용' ) | |
| console.log( '출력 내용' ) | |
| 확인 | confirm( '확인 내용' ) |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>기본 명령어</title>
<script>
prompt('출력 페이지 수를 입력하세요!', '');
alert('자바스크립트');
document.write('JAVASCRIPT');
console.log('javascript');
confirm('정말 삭제 하시겠습니까?');
</script>
</head>
<body>
</body>
</html>
'Java Script' 카테고리의 다른 글
| Java Script-제어문 (0) | 2020.09.10 |
|---|---|
| Java Script-연산자 (0) | 2020.09.09 |
| Java Script-변수와 상수, 데이터 타입 (0) | 2020.09.09 |
| Java Script-기본 문법 (0) | 2020.09.07 |
| Java Script-정의 및 특징 (0) | 2020.09.07 |
댓글