JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕切換網(wǎng)頁背景色的方法
更新時(shí)間：2015年10月17日 15:13:20 作者：秋雨
這篇文章主要介紹了JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕切換網(wǎng)頁背景色的方法,涉及JavaScript基于鼠標(biāo)事件動(dòng)態(tài)操作頁面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕切換網(wǎng)頁背景色的方法。分享給大家供大家參考，具體如下：
這里演示JavaScript用按鈕隨意變換背景顏色，每點(diǎn)擊一下按鈕，就可以隨機(jī)改變一種網(wǎng)頁背景顏色。顏色值事先是保存在JS的數(shù)組里，你在代碼里會(huì)發(fā)現(xiàn)他們，若不想要某個(gè)顏色，就替換掉即可。
運(yùn)行效果截圖如下：
在線演示地址如下：
http://demo.jb51.net/js/2015/js-btn-click-rand-bgcolor-codes/
具體代碼如下：
<!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>
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
閉包就是函數(shù)的局部變量集合，只是這些局部變量在函數(shù)返回后會(huì)繼續(xù)存在，本文通過代碼實(shí)例給大家介紹javascript閉包，對(duì)javascipt閉包相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-11-11
Webpack 本身是不能識(shí)別樣式資源的,所以我們需要借助 Loader 來幫助 Webpack 解析樣式資源,本文就來介紹一下Webpack處理樣式資源的配置詳情,感興趣的可以了解一下2023-12-12
JavaScript簡單驗(yàn)證表單空值及郵箱格式的方法
這篇文章主要介紹了JavaScript簡單驗(yàn)證表單空值及郵箱格式的方法,涉及javascript基本的表單與字符串操作相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2017-01-01
javascript具有自動(dòng)垃圾收集機(jī)制，執(zhí)行環(huán)境會(huì)負(fù)責(zé)管理代碼執(zhí)行過程中使用的內(nèi)存。在編寫javascript程序時(shí)，開發(fā)人員不用再關(guān)心內(nèi)存使用問題，所需內(nèi)存的分配以及無用內(nèi)存的回收完全實(shí)現(xiàn)了自動(dòng)管理。本文將詳細(xì)介紹javascript的垃圾收集機(jī)制2016-12-12
本文給大家分享的是一段仿騰訊微博的無刷新刪除特效的代碼，非常的實(shí)用，有需要的小伙伴可以參考下。2015-04-04
基于百度地圖實(shí)現(xiàn)產(chǎn)品銷售的單位位置查看功能設(shè)計(jì)與實(shí)現(xiàn)
這篇文章主要介紹了基于百度地圖實(shí)現(xiàn)產(chǎn)品銷售的單位位置查看功能設(shè)計(jì)與實(shí)現(xiàn)的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-10-10
javascript實(shí)現(xiàn)十秒鐘后注冊按鈕可點(diǎn)擊的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)十秒鐘后注冊按鈕可點(diǎn)擊的方法,涉及javascript時(shí)間及樣式操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了用原生js寫一個(gè)彈窗消息提醒插件，下面小編來和大家一起學(xué)習(xí)一下2019-05-05
本文給大家分享一段實(shí)例代碼介紹JS判斷時(shí)間段的方法，需要的朋友參考下吧2017-06-06
javascript eval()應(yīng)用實(shí)例 select
javascript eval應(yīng)用小例子。實(shí)例代碼就是控制checkbox的選擇與取消的函數(shù)，非常不錯(cuò)。2009-07-07