masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

Acara tutorial asas Javascript

Mari kita lihat peristiwa biasa berikut

nnn.png

acara perubahan perubahan

Contohnya, kod Seperti berikut, apabila huruf kecil dimasukkan ke dalam kotak teks, tetikus meninggalkan kotak teks dan bertukar kepada huruf besar

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>事件</title>	
	<script type="text/javascript">
		function cha(){
			var x=document.getElementById("name");
			x.value=x.value.toUpperCase();
		}
	</script>
</head>
<body>
	请输入：<input type="text" id="name" onchange="cha()">
</body>
</html>

onclick click event

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>事件</title>	
	<script type="text/javascript">
		function cl(){
			alert("php中文网");
		}
	</script>
</head>
<body>
	<input type="button" value="点击" onclick="cl()">
</body>
</html>

onmouseover dan onmouseout acara

Contohnya, mari kita buat contoh, letakkan tetikus di atasnya, ia akan muncul, selamat datang Apabila tetikus meninggalkan laman web php Cina, teks menjadi laman web php Cina 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>事件</title>
	<style type="text/css">
		#dv{
			width:200px;height:200px;border:1px solid #f60;background-color: red;
			text-align: center;line-height:200px;
		}
	</style>

		
</head>
<body>
	<div id="dv" onmouseover="over(this)" onmouseout="out(this)"></div>

	<script type="text/javascript">
			function over(obj){
				obj.innerHTML = "欢迎来到php中文网"; //鼠标放上去时
			}

			function out(obj){
				obj.innerHTML = "php中文网"; // 鼠标离开后
			}
	</script>
</body>
</html>

acara papan kekunci onkeydown

Sekarang mari kita buat contoh Dalam kotak teks, kita tekan papan kekunci dan tetingkap gesaan muncul

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>事件</title>
	<script type="text/javascript">
		function onkey(){
			alert("您已触发键盘事件");
		}
	</script>	
</head>
<body>
		键盘事件：<input type="text" onkeydown="onkey()">
</body>
</html>
<🎜. >

memuat memuatkan acara

Mari tulis contoh di bawah:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>事件</title>
	<script type="text/javascript">
		function checkCookies(){
			if (navigator.cookieEnabled==true){
				alert("Cookies 可用")
			}else{
				alert("Cookies 不可用")
			}
		}
	</script>	
</head>
<body onload="checkCookies()">
		php 中文网
</body>
</html>



Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>事件</title> <script type="text/javascript"> function cha(){ var x=document.getElementById("name"); x.value=x.value.toUpperCase(); } </script> </head> <body> 请输入：<input type="text" id="name" onchange="cha()"> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492836 permainan