JavaScript 문은 브라우저에 명령을 보냅니다. 문의 목적은 브라우저에게 무엇을 해야 할지 알려주는 것입니다.
다음 JavaScript 문은 id="demo"인 HTML 요소에 "Hello World" 텍스트를 출력합니다.
document.getElementById("demo").innerHTML="Hello World";
Example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网（php.cn）</title>
</head>
<body>
<h1>我的网页</h1>
<p id="demo">段落。</p>
<script>
document.getElementById("demo").innerHTML="Hello World";
</script>
</body>
</html>코드를 실행하고 사용해 보세요
세미콜론;
세미콜론은 JavaScript 문을 구분하는 데 사용됩니다.
보통 우리는 각 실행문의 끝에 세미콜론을 추가합니다.
세미콜론의 또 다른 용도는 한 줄에 여러 문을 작성하는 것입니다.
Tip: 세미콜론이 없는 경우도 볼 수 있습니다. JavaScript에서는 세미콜론으로 문을 종료하는 것은 선택 사항입니다.
JavaScript Code
JavaScript 코드는 일련의 JavaScript 문입니다.
브라우저는 각 명령문을 작성된 순서대로 실행합니다.
이 예는 웹 페이지에 제목과 두 개의 단락을 출력합니다.
예
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网（php.cn）</title>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<div id="myDIV">一个 DIV。</div>
<script>
document.getElementById("demo").innerHTML="你好 Dolly";
document.getElementById("myDIV").innerHTML="你最近怎么样?";
</script>
</body>
</html>프로그램을 실행하여 사용해 보세요.
JavaScript 코드 블록
JavaScript는 일괄적으로 결합할 수 있습니다.
코드 블록은 왼쪽 중괄호로 시작하고 오른쪽 중괄호로 끝납니다.
코드 블록의 기능은 일련의 명령문을 함께 실행하는 것입니다.
이 예는 웹 페이지에 제목과 두 개의 단락을 출력합니다.
Example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网（php.cn）</title>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="myPar">我是一个段落。</p>
<div id="myDiv">我是一个div。</div>
<p>
<button type="button" onclick="myFunction()">点击这里</button>
</p>
<script>
function myFunction(){
document.getElementById("myPar").innerHTML="你好世界！";
document.getElementById("myDiv").innerHTML="你最近怎么样?";
}
</script>
<p>当您点击上面的按钮时，两个元素会改变。</p>
</body>
</html>프로그램을 실행하여 시도해 보세요
JavaScript 문 식별자
JavaScript 문은 일반적으로 문으로 시작합니다. 식별자 명령문을 시작하고 실행합니다.
문 식별자는 예약된 키워드이므로 변수 이름으로 사용할 수 없습니다.
다음 표에는 JavaScript 문 식별자(키워드)가 나열되어 있습니다.
| Statement | Description |
|---|---|
| break | 은 루프를 중단하는 데 사용됩니다. |
| catch | 문 블록, try 문 블록 실행 중 오류가 발생하면 catch 문 블록을 실행합니다. |
| continue | 루프에서 반복을 건너뜁니다. |
| do ... while | 은 명령문 블록을 실행하고 조건문이 true일 때 명령문 블록을 계속 실행합니다. |
| for | 조건문이 true인 경우 코드 블록은 지정된 횟수만큼 실행될 수 있습니다. |
| for ... in | 은 배열이나 개체의 속성을 순회하는 데 사용됩니다(배열이나 개체의 속성을 반복). |
| function | 다양한 조건에 따라 다양한 작업을 수행하는 함수 |
| if ... else | 를 정의하세요. |
| return | Exit 기능 |
| switch | 은 다양한 조건에 따라 다양한 작업을 수행하는 데 사용됩니다. |
| throw | 는 오류를 발생(생성)합니다. |
| try | 은 오류 처리를 구현하고 catch와 함께 사용됩니다. |
| var | 변수를 선언합니다. |
| while | 조건문이 true일 때 문 블록을 실행합니다. |
Spaces
JavaScript는 추가 공백을 무시합니다. 스크립트에 공백을 추가하여 더 읽기 쉽게 만들 수 있습니다. 다음 두 줄의 코드는 동일합니다.
var person="Hege";
텍스트 문자열에 백슬래시를 사용하여 코드 줄을 바꿀 수 있습니다. 다음 예는 올바르게 표시됩니다.
var person = "Hege";
document.write("Hello world!");
그러나 다음과 같은 줄은 나눌 수 없습니다. document.write("Hello world!") );
JavaScript는 스크립팅 언어입니다. 브라우저는 코드를 읽으면서 스크립트 코드를 한 줄씩 실행합니다. 기존 프로그래밍에서는 모든 코드가 실행 전에 컴파일됩니다.
다음 섹션
