JavaScript berjalan dalam mod satu utas dalam penyemak imbas Selepas halaman dimuatkan, setelah semua kod JavaScript pada halaman telah dilaksanakan, ia hanya boleh bergantung pada peristiwa pencetus untuk melaksanakan kod JavaScript.
Selepas menerima input tetikus atau papan kekunci pengguna, penyemak imbas akan secara automatik mencetuskan peristiwa yang sepadan pada nod DOM yang sepadan. Jika nod telah terikat pada fungsi pemprosesan JavaScript yang sepadan, fungsi tersebut akan dipanggil secara automatik.
Acara JavaScript
Kelakuan dalam halaman web yang boleh dikesan oleh JavaScript dipanggil acara JavaScript. Berikut ialah beberapa contoh acara JavaScript biasa:
1 Kandungan halaman dimuatkan oleh penyemak imbas
2. Pengguna mengklik butang
3 kekunci
Acara biasanya digunakan bersama-sama dengan fungsi JavaScript, iaitu, fungsi dipacu peristiwa digunakan untuk melengkapkan fungsi tertentu yang kita inginkan.
Acara HTML Biasa
Berikut ialah senarai beberapa acara HTML biasa:
Acara 🎜>
🎜>
onchange HTML element change
onclick Pengguna mengklik pada elemen HTML
onmouseover Pengguna menggerakkan tetikus pada HTML elemen
onmouseout Pengguna mengklik pada elemen HTML Gerakkan tetikus ke atas
onkeydown Pengguna menekan butang papan kekunci
onload Penyemak imbas telah selesai memuatkan halaman
acara onclick
Apabila tetikus mengklik objek pada halaman, acara onclick akan dicetuskan, seperti ditunjukkan dalam contoh berikut:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
function hello(){
var name = document.getElementById("name").value;
if( name == "") {
alert("请输入你的姓名！");
return false;
} else {
alert(name + "，你好！");
}
}
</script>
</head>
<body>
姓名：<input type="text" id="name" />
<input type="button" onclick="hello()" value="确定" />
</body>
</html> Dalam contoh di atas, atribut acara onclick ditetapkan untuk butang OK Nilainya ialah fungsi JavaScript "hello()", iaitu, apabila butang diklik, fungsi hello dilaksanakan.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<button onclick="displayDate()">点这里</button>
<script>
function displayDate(){
document.getElementById("demo").innerHTML=Date();
}
</script>
<p id="demo"></p>
</body>
</html>Apa yang JavaScript boleh lakukan?
Acara boleh digunakan untuk mengendalikan pengesahan borang, input pengguna, tingkah laku pengguna dan tindakan penyemak imbas:
Acara dicetuskan apabila halaman dimuatkan Acara dicetuskan apabila halaman ditutup Pengguna mengklik butang untuk melakukan tindakan untuk mengesahkan kesahihan kandungan input pengguna, dll...
<🎜. >Anda boleh menggunakan berbilang kaedah untuk melaksanakan kod acara JavaScript:
Atribut acara HTML boleh terus melaksanakan kod JavaScript
Atribut acara HTML boleh memanggil fungsi JavaScript Anda boleh menentukan pengendali acara anda sendiri untuk
Elemen HTML
Anda boleh menghalang kejadian.
Tunggu...
bahagian seterusnya
