Contoh dalam artikel ini menerangkan cara menggunakan JavaScript untuk menukar warna latar belakang halaman web dengan mengklik butang. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:
Berikut ialah demonstrasi JavaScript menggunakan butang untuk menukar warna latar belakang sesuka hati Setiap kali anda mengklik butang, anda boleh menukar warna latar belakang halaman web secara rawak. Nilai warna disimpan dalam tatasusunan JS terlebih dahulu. Anda akan menemuinya dalam kod tersebut.
Tangkapan skrin kesan berjalan adalah seperti berikut:
Alamat demo dalam talian adalah seperti berikut:
http://demo.jb51.net/js/2015/js-btn-click-rand-bgcolor-codes/
Kod khusus adalah seperti berikut:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>通过按钮变换背景颜色</title>
</head>
<body>
<script language="javascript">
var Arraycolor=new Array("olive","teal","red","blue","maroon","navy","lime","fuschia","green","purple","gray","yellow","aqua","white","silver");
var n=0;
function turncolors(){
if (n==(Arraycolor.length-1)) n=0;
n++;
document.bgColor = Arraycolor[n];
}
</script>
<form name="form1" method="post" action="">
<p>
<input type="button" name="Submit" value="变换背景" onclick="turncolors()">
</p>
<p>用按钮变换背景颜色.</p>
</form>
</body>
</html>
Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
