js生成随机颜色方法代码分享(三种)
话不多说,请看代码
<!DOCTYPEhtml> <html> <headlang="en"> <metacharset="UTF-8"> <title></title> </head> <body> <buttonid="btn1">调用第一种</button> <buttonid="bnt2">调用第二种</button> <buttonid="btn3">调用第三种</button> <script> varbtn1=document.getElementById('btn1'); btn1.onclick=function(){ document.body.style.background=bg1() }; varbtn2=document.getElementById('bnt2'); btn2.onclick=function(){ document.body.style.background=bg2(); }; varbtn3=document.getElementById('btn3'); btn3.onclick=function(){ document.body.style.background=bg3(); }; functionbg1(){ return'#'+Math.floor(Math.random()*256).toString(10); } functionbg2(){ return'#'+Math.floor(Math.random()*0xffffff).toString(16); } functionbg3(){ varr=Math.floor(Math.random()*256); varg=Math.floor(Math.random()*256); varb=Math.floor(Math.random()*256); return"rgb("+r+','+g+','+b+")";//所有方法的拼接都可以用ES6新特性`其他字符串{$变量名}`替换 } </script> </body> </html>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!