css随机改变页面的背景色

最新推荐文章于 2024-04-19 15:48:00 发布

原创最新推荐文章于 2024-04-19 15:48:00 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #前端 #javascript

本文介绍了一个简单的HTML页面，该页面使用JavaScript生成随机RGB颜色并将其应用于页面背景。通过点击按钮即可实现背景颜色的随机更换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body id="body">
<input type='button'  value='刷新页面，随机改变颜色'/>
</body>
</html>
<script>
    var r = Math.floor(Math.random() *256);
    var g = Math.floor(Math.random() *256);
    var b = Math.floor(Math.random() *256);
    console.log(b);
    var color = "rgb("+r+","+g+","+b+")";
    console.log(color)
    var bd = document.getElementById("body")
    bd.style.background= color;
</script>

点击刷新按钮，切换颜色