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>。
如果您在文檔已加載后使用它（比如在函數(shù)中），會(huì)覆蓋整個(gè)文檔。
</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 能夠?qū)κ录鞒龇磻?yīng)。比如對按鈕的點(diǎn)擊：
</p>
<button type="button" onclick="alert('歡迎!')">點(diǎn)我!</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 元素的內(nèi)容。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改變內(nèi)容
}
</script>
<button type="button" onclick="myFunction()">點(diǎn)擊這里</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()">點(diǎn)擊這里</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>請輸入數(shù)字。如果輸入值不是數(shù)字，瀏覽器會(huì)彈出提示框。</p>
<input id="demo" type="text">
<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("不是數(shù)字");
}
}
</script>
<button type="button" onclick="myFunction()">點(diǎn)擊這里</button>
</body>
</html>
