Pengenalan kepada JavaScript
Pengenalan kepada JavaScript
JavaScript ialah bahasa skrip yang paling popular di Internet Bahasa ini boleh digunakan untuk HTML dan web, dan boleh digunakan secara meluas dalam pelayan, PC, komputer riba , dan tablet dan peranti seperti telefon pintar.
JavaScript ialah bahasa skrip
JavaScript ialah bahasa pengaturcaraan yang ringan.
JavaScript ialah kod pengaturcaraan yang boleh dimasukkan ke dalam halaman HTML.
JavaScript, apabila dimasukkan ke dalam halaman HTML, boleh dilaksanakan oleh semua pelayar moden.
JavaScript mudah dipelajari.
Apa yang Anda Akan Pelajari
Berikut ialah perkara utama yang akan anda pelajari dalam tutorial ini.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>
JavaScript 能够直接写入 HTML 输出流中：
</p>
<script>
document.write("<h1>This is a title</h1>");
document.write("<p>This is a paragraph</p>");
</script>
<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>
</body>
</html>Peringatan: Anda hanya boleh menggunakan document.write dalam output HTML. Jika anda menggunakan kaedah ini selepas dokumen dimuatkan, keseluruhan dokumen akan ditimpa.
JavaScript: Reaksi terhadap peristiwa:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>JavaScript</h1>
<p>
JavaScript 能够对事件作出反应。比如对按钮的点击：
</p>
<button type="button" onclick="alert('欢迎!')">点我!</button>
</body>
</html>Peringatan hangat: Fungsi alert() tidak biasa digunakan dalam JavaScript, tetapi ia berguna untuk kod Ujian sangat mudah. Acara
onclick hanyalah salah satu daripada banyak acara yang akan anda pelajari dalam tutorial ini.
JavaScript: Menukar kandungan HTML
Menggunakan JavaScript untuk memproses kandungan HTML ialah ciri yang sangat berkuasa.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>JavaScript</h1>
<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改变内容
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>Anda akan sering melihat document.getElementById("some id"). Kaedah ini ditakrifkan dalam HTML DOM.
DOM (Model Objek Dokumen) ialah standard W3C rasmi untuk mengakses elemen HTML.
Anda akan belajar tentang HTML DOM dalam beberapa bab tutorial ini.
JavaScript: Tukar gaya HTML
Tukar gaya elemen HTML, yang merupakan varian menukar atribut HTML.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>JavaScript</h1>
<p id="demo">
JavaScript 能改变 HTML 元素的样式。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo") // 找到元素
x.style.color="#ff0000"; // 改变样式
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>JavaScript: Mengesahkan input
JavaScript sering digunakan untuk mengesahkan input pengguna.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>我的第一段 JavaScript</h1>
<p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p>
<input id="demo" type="text">
<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("不是数字");
}
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>
