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

话不多说，请看代码

调用第一种

调用第二种

调用第三种

var btn1=document.getElementById('btn1');

btn1.οnclick=function(){

document.body.style.background=bg1()

};

var btn2=document.getElementById('bnt2');

btn2.οnclick=function(){

document.body.style.background=bg2();

};

var btn3=document.getElementById('btn3');

btn3.οnclick=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新特性`其他字符串{$变量名}`替换

}

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