快捷導(dǎo)航

JavaScript隨機(jī)生成顏色的方法

更新時(shí)間：2016年10月15日 15:37:29 作者：li_han

這篇文章主要介紹了JavaScript隨機(jī)生成顏色的方法的相關(guān)資料,非常不錯(cuò)，代碼簡(jiǎn)單易懂，具有參考借鑒價(jià)值，需要的朋友可以參考下

廢話不多說了直接給大家貼js代碼了，具體代碼如下所述：

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button id="btn1">調(diào)用第一種</button>
<button id="bnt2">調(diào)用第二種</button>
<button id="btn3">調(diào)用第三種</button>
<script>
var btn1=document.getElementById('btn1');
btn1.onclick=function(){
document.body.style.background=bg1()
};
var btn2=document.getElementById('bnt2');
btn2.onclick=function(){
document.body.style.background=bg2();
};
var btn3=document.getElementById('btn3');
btn3.onclick=function(){
document.body.style.background=bg3();
};
function bg1(){
return '#'+Math.floor(Math.random()*256).toString(10);
}
function bg2(){
return '#'+Math.floor(Math.random()*0xffffff).toString(16);
}
function bg3(){
var r=Math.floor(Math.random()*256);
var g=Math.floor(Math.random()*256);
var b=Math.floor(Math.random()*256);
return "rgb("+r+','+g+','+b+")";//所有方法的拼接都可以用ES6新特性`其他字符串{$變量名}`替換
}
</script>
</body>
</html>

以上所述是小編給大家介紹的JavaScript隨機(jī)生成顏色的方法，希望對(duì)大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的，在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

您可能感興趣的文章:

相關(guān)文章

JSON字符串轉(zhuǎn)JSON對(duì)象
本文給大家分享的是如何使用javascript實(shí)現(xiàn)JSON字符串轉(zhuǎn)JSON對(duì)象的方法，這里記錄下來，有需要的小伙伴可以參考下。
2015-07-07
微信公眾平臺(tái)開發(fā)教程（四）實(shí)例入門：機(jī)器人回復(fù)(附源碼)
本篇文章主要介紹了微信公眾平臺(tái)開發(fā)機(jī)器人，可以實(shí)現(xiàn)簡(jiǎn)單對(duì)話和查詢天氣等，有需要的可以了解一下。
2016-12-12
微信小程序?qū)崿F(xiàn)圖片滾動(dòng)效果示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)圖片滾動(dòng)效果,結(jié)合實(shí)例形式分析了微信小程序基于swiper組件的圖片滾動(dòng)效果相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下
2018-12-12
javascript實(shí)現(xiàn)復(fù)選框選中屬性
本文給大家介紹的是一篇國外網(wǎng)友寫的博客，講解的是關(guān)于實(shí)現(xiàn)復(fù)選框選中屬性的問題，感覺非常不錯(cuò)，翻譯過來推薦給大家，希望小伙伴們能夠喜歡。
2015-03-03
js判斷一個(gè)對(duì)象是否在一個(gè)對(duì)象數(shù)組中(場(chǎng)景分析)
這篇文章主要介紹了js判斷一個(gè)對(duì)象是否在一個(gè)對(duì)象數(shù)組中，本文通過場(chǎng)景分析給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧
2022-08-08
JavaScript鼠標(biāo)禁止右鍵禁止打開控制臺(tái)及鍵盤禁用
這篇文章主要給大家介紹了關(guān)于JavaScript鼠標(biāo)禁止右鍵禁止打開控制臺(tái)及鍵盤禁用的相關(guān)資料,實(shí)現(xiàn)禁止右鍵和禁止打開控制臺(tái)是一種常見的網(wǎng)頁保護(hù)技巧,可以防止非法復(fù)制、盜取網(wǎng)頁資源等安全問題,需要的朋友可以參考下
2023-10-10
Django模板繼承 extend標(biāo)簽實(shí)例代碼詳解
這篇文章主要介紹了Django模板繼承 extend標(biāo)簽實(shí)例代碼，非常不錯(cuò)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
2019-05-05
js動(dòng)態(tài)創(chuàng)建、刪除表格示例代碼
生成一個(gè)2000*5的表格，每個(gè)單元格的內(nèi)容是行號(hào)+逗號(hào)+列號(hào)，具體的實(shí)現(xiàn)過程如下，感興趣的朋友可以參考下，希望對(duì)大家有所幫助
2013-08-08
JavaScript hasOwnProperty() 函數(shù)實(shí)例詳解
hasOwnProperty()函數(shù)用于指示一個(gè)對(duì)象自身(不包括原型鏈)是否具有指定名稱的屬性。下面通過本文給大家分享JavaScript hasOwnProperty() 函數(shù)實(shí)例講解，感興趣的朋友一起看看吧
2017-08-08
javascript原生ajax寫法分享
本文通過2個(gè)示例來給大家分享了下原生javascript結(jié)合ajax實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求的方法以及原理，非常的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下
2016-04-04