Arahan yang dikeluarkan oleh pernyataan JavaScript kepada penyemak imbas. Tujuan pernyataan tersebut adalah untuk memberitahu pelayar apa yang perlu dilakukan.
Pernyataan JavaScript berikut mengeluarkan teks "Hello World" kepada elemen HTML dengan id="demo":
document.getElementById("demo").innerHTML="Hello Dunia" ;
Instance
<!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>Jalankan kod dan cuba
mata ;
Titik koma digunakan untuk memisahkan pernyataan JavaScript.
Biasanya kami menambah koma bertitik pada akhir setiap pernyataan boleh laku.
Satu lagi kegunaan koma bertitik ialah untuk menulis berbilang pernyataan pada satu baris.
Petua: Anda juga mungkin melihat kes tanpa koma bertitik. Dalam JavaScript, menamatkan pernyataan dengan koma bertitik adalah pilihan.
Kod JavaScript
Kod JavaScript ialah jujukan pernyataan JavaScript.
Penyemak imbas melaksanakan setiap pernyataan mengikut turutan dalam susunan ia ditulis.
Contoh ini mengeluarkan tajuk dan dua perenggan ke halaman web:
Contoh
<!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>Jalankan program untuk mencuba ia
Blok Kod JavaScript
JavaScript boleh digabungkan dalam kelompok.
Blok kod bermula dengan pendakap kerinting kiri dan berakhir dengan pendakap kerinting kanan.
Tujuan blok kod adalah untuk melaksanakan urutan pernyataan bersama-sama.
Contoh ini mengeluarkan tajuk dan dua perenggan ke halaman web:
Contoh
<!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>Jalankan program untuk mencuba ia
Pengecam penyata JavaScript
Pernyataan JavaScript biasanya bermula dengan pengecam pernyataan dan laksanakan penyataan itu.
Pengecam penyata ialah kata kunci simpanan dan tidak boleh digunakan sebagai nama pembolehubah.
Jadual berikut menyenaraikan pengecam pernyataan JavaScript (kata kunci):
| 语句 | 描述 |
|---|
| break | 用于跳出循环。 |
| catch | 语句块，在 try 语句块执行出错时执行 catch 语句块。 |
| continue | 跳过循环中的一个迭代。 |
| do ... while | 执行一个语句块，在条件语句为 true 时继续执行该语句块。 |
| for | 在条件语句为 true 时，可以将代码块执行指定的次数。 |
| for ... in | 用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。 |
| function | 定义一个函数 |
| if ... else | 用于基于不同的条件来执行不同的动作。 |
| return | 退出函数 |
| switch | 用于基于不同的条件来执行不同的动作。 |
| throw | 抛出（生成）错误 。 |
| try | 实现错误处理，与 catch 一同使用。 |
| var | 声明一个变量。 |
| while | 当条件语句为 true 时，执行语句块。 |
Ruang
JavaScript akan mengabaikan ruang kosong tambahan. Anda boleh menambah ruang pada skrip anda untuk menjadikannya lebih mudah dibaca. Dua baris kod berikut adalah bersamaan:
var person="Hege";
var person = "Hege";
Balut baris kod
Anda boleh Gunakan garis miring ke belakang untuk membalut baris kod. Contoh berikut akan dipaparkan dengan betul:
document.write("Hello
world!");
Walau bagaimanapun, anda tidak boleh membalut baris seperti ini:
dokumen.tulis
("Hello world!");
Petua
JavaScript ialah bahasa skrip. Pelayar akan melaksanakan kod skrip baris demi baris sambil membaca kod tersebut. Dengan pengaturcaraan tradisional, semua kod disusun sebelum pelaksanaan.
bahagian seterusnya