«

随机改变页面的背景色

MitSeek 发布于 阅读：40 JAVASCRIPT 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body id="body">
        <input type='button' value='刷新页面，随机切换背景颜色' />
    </body>
</html>
<script>
    var r=Math.floor(Math.random() * 256);//随机生产256以内的值，赋值给r
    var g=Math.floor(Math.random() * 256);//随机生产256以内的值，赋值给g
    var b=Math.floor(Math.random() * 256);//随机生产256以内的值，赋值给b
    var color=`rgb(${r},${g},${b})`;//使用ES6语法拼接RGB格式颜色
    var bd=document.getElementById("body"); //获取页面中body元素
    bd.style.background=color;//设置body元素的背景颜色color
</script>

JAVASCRIPT