자바스크립트 문

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!") );

Tips

JavaScript는 스크립팅 언어입니다. 브라우저는 코드를 읽으면서 스크립트 코드를 한 줄씩 실행합니다. 기존 프로그래밍에서는 모든 코드가 실행 전에 컴파일됩니다.

지속적인 학습

새로운 파일

<!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>

제출하다 코드 재설정

자동운전