<!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>

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

Javascript閉包實例詳解
閉包就是函數(shù)的局部變量集合，只是這些局部變量在函數(shù)返回后會繼續(xù)存在，本文通過代碼實例給大家介紹javascript閉包，對javascipt閉包相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
2015-11-11
Webpack處理樣式資源的配置詳情
Webpack 本身是不能識別樣式資源的,所以我們需要借助 Loader 來幫助 Webpack 解析樣式資源,本文就來介紹一下Webpack處理樣式資源的配置詳情,感興趣的可以了解一下
2023-12-12
JavaScript簡單驗證表單空值及郵箱格式的方法
這篇文章主要介紹了JavaScript簡單驗證表單空值及郵箱格式的方法,涉及javascript基本的表單與字符串操作相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2017-01-01
javascript垃圾收集機制的原理分析
javascript具有自動垃圾收集機制，執(zhí)行環(huán)境會負責(zé)管理代碼執(zhí)行過程中使用的內(nèi)存。在編寫javascript程序時，開發(fā)人員不用再關(guān)心內(nèi)存使用問題，所需內(nèi)存的分配以及無用內(nèi)存的回收完全實現(xiàn)了自動管理。本文將詳細介紹javascript的垃圾收集機制
2016-12-12
Js實現(xiàn)無刷新刪除內(nèi)容
本文給大家分享的是一段仿騰訊微博的無刷新刪除特效的代碼，非常的實用，有需要的小伙伴可以參考下。
2015-04-04
基于百度地圖實現(xiàn)產(chǎn)品銷售的單位位置查看功能設(shè)計與實現(xiàn)
這篇文章主要介紹了基于百度地圖實現(xiàn)產(chǎn)品銷售的單位位置查看功能設(shè)計與實現(xiàn)的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下
2016-10-10
javascript實現(xiàn)十秒鐘后注冊按鈕可點擊的方法
這篇文章主要介紹了javascript實現(xiàn)十秒鐘后注冊按鈕可點擊的方法,涉及javascript時間及樣式操作的相關(guān)技巧,需要的朋友可以參考下
2015-05-05
如何用原生js寫一個彈窗消息提醒插件
這篇文章主要介紹了用原生js寫一個彈窗消息提醒插件，下面小編來和大家一起學(xué)習(xí)一下
2019-05-05
JS判斷時間段的實現(xiàn)代碼
本文給大家分享一段實例代碼介紹JS判斷時間段的方法，需要的朋友參考下吧
2017-06-06
javascript eval()應(yīng)用實例 select
javascript eval應(yīng)用小例子。實例代碼就是控制checkbox的選擇與取消的函數(shù)，非常不錯。
2009-07-07