JavaScript動態(tài)修改背景顏色的方法
更新時間：2015年04月16日 11:46:22 作者：lele
這篇文章主要介紹了JavaScript動態(tài)修改背景顏色的方法,涉及javascript操作鼠標(biāo)事件及樣式的技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了JavaScript動態(tài)修改背景顏色的方法。分享給大家供大家參考。具體如下：
<html>
<head>
<title>Background Color Changer</title>
<script language = JavaScript>
<!--
function BG_yellow()
{
document.bgColor = 0xFFFF00
}
function BG_thistle()
{
document.bgColor = 0xD8BFD8
}
function BG_plum()
{
document.bgColor = 0xDDA0DD
}
function BG_red()
{
document.bgColor = 0xFF0000
}
//-->
</script>
</head>
<body >
<center>
<form>
<font face="comic sans ms">
<br>
<h1>
Set the background color
</h1>
<br>
<input type = button value = "Make background Yellow "
onclick = "BG_yellow()">
<br>
<br>
<input type = button value = "Make background Thistle"
onclick = "BG_thistle()">
<br>
<br>
<input type = button value = "Make background Plum"
onclick = "BG_plum()">
<br>
<br>
<input type = button value = "Make background Red"
onclick = "BG_red()">
</font>
</form>
</center>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
JavaScript實現(xiàn)函數(shù)返回多個值的方法
這篇文章主要介紹了JavaScript實現(xiàn)函數(shù)返回多個值的方法,涉及javascript字典類型的使用技巧,需要的朋友可以參考下2015-06-06
通過location.replace禁止瀏覽器后退防止重復(fù)提交
如果用戶重復(fù)提交事件，然后又后退，這樣可能會對某些數(shù)據(jù)產(chǎn)生災(zāi)難性的問題。所以今天就向大家介紹一種通過location.replace禁止瀏覽器后退按鈕的方法2014-09-09
詳解JavaScript中原始數(shù)據(jù)類型Symbol的使用
Symbol是es6引入的一個新的原始數(shù)據(jù)類型，是一個獨一無二的值。這篇文章主要為大家介紹了JavaScript中原始數(shù)據(jù)類型Symbol的使用，感興趣的可以了解一下2023-02-02
基于原生CSS+JS實現(xiàn)一個標(biāo)簽輸入框
在各種框架大行其道的氛圍下，有些原生的屬性和方法可能都不太關(guān)注了，這也不失為是一種損失。本文就將利用原生CSS+JS實現(xiàn)一個簡單的標(biāo)簽輸入框，感興趣的可以了解一下2022-04-04
layui輸入框中只允許輸入整數(shù)的實現(xiàn)方法
今天小編就為大家分享一篇layui輸入框中只允許輸入整數(shù)的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
本篇文章主要介紹了js在輸入框屏蔽按鍵,只能鍵入數(shù)字的示例代碼。需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
這篇文章主要介紹了淺談如何優(yōu)雅處理JavaScript異步錯誤，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
JavaScript與ActionScript3兩者的同性與差異性
接觸JavaScript和ActionScript3也有近5年的時間了，它們都是應(yīng)用比較廣泛的腳本語言.接下來通過本文給大家介紹JavaScript與ActionScript3兩者的同性與差異性，感興趣的朋友一起學(xué)習(xí)吧2016-09-09
微信小程序模板消息限制實現(xiàn)無限制主動推送的示例代碼
這篇文章主要介紹了微信小程序模板消息限制實現(xiàn)無限制主動推送的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要為大家詳細(xì)介紹了JavaScript中常見加密解密方法的實現(xiàn)，文中的示例代碼講解詳細(xì)，具有一定的學(xué)習(xí)價值，感興趣的小伙伴可以了解一下2023-03-03