js几种生成随机颜色方法

"en" >

    "UTF-8" >

     "btn1" >调用第一种

     "bnt2" >调用第二种

     "btn3" >调用第三种

     </code> </div> <div class="line number12 index11 alt1"> <code class="javascript spaces">         </code> <code class="javascript keyword">var</code>  <code class="javascript plain">btn1=document.getElementById(</code> <code class="javascript string">'btn1'</code> <code class="javascript plain">);</code> </div> <div class="line number13 index12 alt2"> <code class="javascript spaces">         </code> <code class="javascript plain">btn1.onclick=</code> <code class="javascript keyword">function</code> <code class="javascript plain">(){</code> </div> <div class="line number14 index13 alt1"> <code class="javascript spaces">             </code> <code class="javascript plain">document.body.style.background=bg1()</code> </div> <div class="line number15 index14 alt2"> <code class="javascript spaces">         </code> <code class="javascript plain">};</code> </div> <div class="line number16 index15 alt1"> <code class="javascript spaces">         </code> <code class="javascript keyword">var</code>  <code class="javascript plain">btn2=document.getElementById(</code> <code class="javascript string">'bnt2'</code> <code class="javascript plain">);</code> </div> <div class="line number17 index16 alt2"> <code class="javascript spaces">         </code> <code class="javascript plain">btn2.onclick=</code> <code class="javascript keyword">function</code> <code class="javascript plain">(){</code> </div> <div class="line number18 index17 alt1"> <code class="javascript spaces">             </code> <code class="javascript plain">document.body.style.background=bg2();</code> </div> <div class="line number19 index18 alt2"> <code class="javascript spaces">         </code> <code class="javascript plain">};</code> </div> <div class="line number20 index19 alt1"> <code class="javascript spaces">         </code> <code class="javascript keyword">var</code>  <code class="javascript plain">btn3=document.getElementById(</code> <code class="javascript string">'btn3'</code> <code class="javascript plain">);</code> </div> <div class="line number21 index20 alt2"> <code class="javascript spaces">         </code> <code class="javascript plain">btn3.onclick=</code> <code class="javascript keyword">function</code> <code class="javascript plain">(){</code> </div> <div class="line number22 index21 alt1"> <code class="javascript spaces">             </code> <code class="javascript plain">document.body.style.background=bg3();</code> </div> <div class="line number23 index22 alt2"> <code class="javascript spaces">         </code> <code class="javascript plain">};</code> </div> <div class="line number24 index23 alt1"> <code class="javascript spaces">         </code> <code class="javascript keyword">function</code>  <code class="javascript plain">bg1(){</code> </div> <div class="line number25 index24 alt2"> <code class="javascript spaces">             </code> <code class="javascript keyword">return</code>  <code class="javascript string">'#'</code> <code class="javascript plain">+Math.floor(Math.random()*256).toString(10);</code> </div> <div class="line number26 index25 alt1"> <code class="javascript spaces">         </code> <code class="javascript plain">}</code> </div> <div class="line number27 index26 alt2"> <code class="javascript spaces">         </code> <code class="javascript keyword">function</code>  <code class="javascript plain">bg2(){</code> </div> <div class="line number28 index27 alt1"> <code class="javascript spaces">             </code> <code class="javascript keyword">return</code>  <code class="javascript string">'#'</code> <code class="javascript plain">+Math.floor(Math.random()*0xffffff).toString(16);</code> </div> <div class="line number29 index28 alt2"> <code class="javascript spaces">         </code> <code class="javascript plain">}</code> </div> <div class="line number30 index29 alt1"> <code class="javascript spaces">         </code> <code class="javascript keyword">function</code>  <code class="javascript plain">bg3(){</code> </div> <div class="line number31 index30 alt2"> <code class="javascript spaces">             </code> <code class="javascript keyword">var</code>  <code class="javascript plain">r=Math.floor(Math.random()*256);</code> </div> <div class="line number32 index31 alt1"> <code class="javascript spaces">             </code> <code class="javascript keyword">var</code>  <code class="javascript plain">g=Math.floor(Math.random()*256);</code> </div> <div class="line number33 index32 alt2"> <code class="javascript spaces">             </code> <code class="javascript keyword">var</code>  <code class="javascript plain">b=Math.floor(Math.random()*256);</code> </div> <div class="line number34 index33 alt1"> <code class="javascript spaces">             </code> <code class="javascript keyword">return</code>  <code class="javascript string">"rgb("</code> <code class="javascript plain">+r+</code> <code class="javascript string">','</code> <code class="javascript plain">+g+</code> <code class="javascript string">','</code> <code class="javascript plain">+b+</code> <code class="javascript string">")"</code> <code class="javascript plain">;</code> <code class="javascript comments">//所有方法的拼接都可以用ES6新特性`其他字符串{$变量名}`替换</code> </div> <div class="line number35 index34 alt2"> <code class="javascript spaces">         </code> <code class="javascript plain">}</code> </div> <div class="line number36 index35 alt1"> <code class="javascript spaces">     </code> <code class="javascript plain">