cari

Rumah >hujung hadapan web >tutorial js >Kaedah JavaScript untuk menukar warna latar belakang halaman web dengan mengklik butang_kemahiran javascript

Kaedah JavaScript untuk menukar warna latar belakang halaman web dengan mengklik butang_kemahiran javascript

WBOY
WBOYasal
2016-05-16 15:36:142583semak imbas

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.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Kesan menu gelongsor menegak mudah (pintu gelangsar) dilaksanakan oleh kemahiran JS_javascriptArtikel seterusnya：Kesan menu gelongsor menegak mudah (pintu gelangsar) dilaksanakan oleh kemahiran JS_javascript

Artikel berkaitan

Lihat lagi