자바스크립트 문
JavaScript 문은 브라우저에 명령을 보냅니다. 명령문의 목적은 브라우저에게 무엇을 해야 할지 알려주는 것입니다.
JavaScript 문
JavaScript 문은 브라우저에 보내는 명령입니다.
이 명령의 목적은 브라우저에 수행할 작업을 알려주는 것입니다.
다음 JavaScript 문은 id="demo"인 HTML 요소에 "Hello Dolly"라는 텍스트를 출력합니다.
예
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<h1>我的网页</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML = "你好 Dolly";
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
세미콜론;
세미콜론은 구분하는 데 사용됩니다. 자바스크립트 문.
일반적으로 각 실행문 끝에 세미콜론을 추가합니다.
세미콜론의 또 다른 용도는 한 줄에 여러 문을 작성할 때입니다.
인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<h1>我的网页</h1>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
a = 1;
b = 2;
c = a + b;
document.getElementById("demo1").innerHTML = c;
x = 1; y = 2; z = x + y;
document.getElementById("demo2").innerHTML = z;
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
 | 또한 세미콜론의 경우.
|
|---|
JavaScript 코드
JavaScript 코드는 일련의 JavaScript 문입니다.
브라우저는 각 명령문이 작성된 순서대로 순서대로 실행됩니다.
이 예는 웹 페이지에 제목과 두 개의 단락을 출력합니다.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>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는 일괄적으로 결합할 수 있습니다.
코드 블록은 왼쪽 중괄호로 시작하고 오른쪽 중괄호로 끝납니다.
코드 블록의 목적은 일련의 명령문을 함께 실행하는 것입니다.
이 예는 웹 페이지에 제목과 두 개의 단락을 출력합니다.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>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 문 식별자(키워드)가 나열되어 있습니다.
<table class="reference" "style="width: 100%">
| 语句 | 描述 |
|---|---|
| break | 用于跳出循环。 |
| catch | 语句块，在 try 语句块执行出错时执行 catch 语句块。 |
| continue | 跳过循环中的一个迭代。 |
| do ... while | 执行一个语句块，在条件语句为 true 时继续执行该语句块。 |
| for | 在条件语句为 true 时，可以将代码块执行指定的次数。 |
| for ... in | 用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。 |
| function | 定义一个函数 |
| if ... else | 用于基于不同的条件来执行不同的动作。 |
| return | 退出函数 |
| switch | 用于基于不同的条件来执行不同的动作。 |
| throw | 抛出（生成）错误 。 |
| try | 实现错误处理，与 catch 一同使用。 |
| var | 声明一个变量。 |
| while | 当条件语句为 true 时，执行语句块。 |
자바스크립트는 대소문자를 구분합니다.
자바스크립트는 대소문자를 구분합니다.
JavaScript 문 작성 시 대소문자 전환 키가 꺼져 있는지 주의하시기 바랍니다.
getElementById와 getElementbyID 함수는 다릅니다.
마찬가지로 myVariable 변수와 MyVariable 변수도 다릅니다.
공백
JavaScript는 추가 공백을 무시합니다. 스크립트에 공백을 추가하여 더 읽기 쉽게 만들 수 있습니다. 다음 두 줄의 코드는 동일합니다:
var person = "Hege";
코드 줄 바꿈
텍스트 문자열에서 백슬래시를 사용하여 코드 줄을 줄 바꿈할 수 있습니다. 다음 예는 올바르게 표시됩니다.
world!")
그러나 다음과 같이 줄 바꿈할 수는 없습니다.
("Hello world!");
알고 계셨나요?
팁: JavaScript는 스크립트 언어입니다. 브라우저는 코드를 읽으면서 스크립트 코드를 한 줄씩 실행합니다. 기존 프로그래밍에서는 모든 코드가 실행 전에 컴파일됩니다.
