<script>
var a=Math.random()*255;
var a=Math.floor(a);
var g=Math.random()*255;
var g=Math.floor(g);
var b=Math.random()*255;
var b=Math.floor(b);
var c=Math.random()*255;
var c=Math.floor(c);
var d=Math.random()*255;
var d=Math.floor(d);
var e=Math.random()*255;
var e=Math.floor(e);
var f=Math.random()*255;
var f=Math.floor(f);
document.write(`
<table style="width:500px;height:500px;border:1px solid red">
<tr>
<td style="background-color:rgb(${a},${b},${c});"></td>
<td style="background-color:rgb(${b},${c},${d});"></td>
<td style="background-color:rgb(${d},${c},${a});"></td>
<td style="background-color:rgb(${a},${a},${a});"></td>
<td style="background-color:rgb(${b},${b},${b});"></td>
</tr>
<tr>
<td style="background-color:rgb(${c},${c},${c});"></td>
<td style="background-color:rgb(${d},${d},${d});"></td>
<td style="background-color:rgb(${c},${b},${a});"></td>
<td style="background-color:rgb(${b},${c},${a});"></td>
<td style="background-color:rgb(${c},${b},${d});"></td>
</tr>
<tr>
<td style="background-color:rgb(${c},${b},${a});"></td>
<td style="background-color:rgb(${e},${e},${e});"></td>
<td style="background-color:rgb(${a},${b},${e});"></td>
<td style="background-color:rgb(${b},${c},${a});"></td>
<td style="background-color:rgb(${e},${a},${b});"></td>
</tr>
<tr>
<td style="background-color:rgb(${e},${b},${c});"></td>
<td style="background-color:rgb(${e},${c},${d});"></td>
<td style="background-color:rgb(${e},${d},${c});"></td>
<td style="background-color:rgb(${e},${c},${b});"></td>
<td style="background-color:rgb(${f},${f},${f});"></td>
</tr>
<tr>
<td style="background-color:rgb(${f},${b},${a});"></td>
<td style="background-color:rgb(${f},${b},${c});"></td>
<td style="background-color:rgb(${f},${a},${a});"></td>
<td style="background-color:rgb(${f},${d},${a});"></td>
<td style="background-color:rgb(${c},${b},${f});"></td>
</tr>
</table>
`)
Math API
random():0-1之间的随机小数 不包含1;
输出结果:刷新一次随机变色一次
第二种方法:输出行列,外层控制行,内层控制列 Math.round():四舍五入
<script>
document.write("<table border='1' width='300' height='300'>")
for(var i =1;i<5;i++){ //外层控制行
document.write("<tr>")
for(var j=1;j<6;j++){ //内层控制列
var r = Math.round(Math.random()*255);
var g = Math.round(Math.random()*255);
var b = Math.round(Math.random()*255);
document.write("<td style=\"background:rgb("+r+","+g+","+b+")\">"+j+"</td>")
}
document.write("</tr>")
}
document.write("</table>")
</script>
输出结果: