js生成随机颜色方法代码分享（三种）

2019-11-19 18:12:00

字体：大中小

来源：转载

供稿：网友

话不多说，请看代码

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body>  <button id="btn1">调用第一种</button>  <button id="bnt2">调用第二种</button>  <button id="btn3">调用第三种</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>

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持武林网！

上一篇：EasyUI学习之Combobox级联下拉列表(2)

下一篇：js实现把图片的绝对路径转为base64字符串、blob对象再上传