首页JS- 用户输入红、绿、蓝三个颜色值，点击按钮之后，修改浏览器背景颜色。 - 修改背景颜色，需要使用函数完成（三个参数：红、绿、蓝）,setBgColor(r,g,b) - html页面+js代码

JS- 用户输入红、绿、蓝三个颜色值，点击按钮之后，修改浏览器背景颜色。 - 修改背景颜色，需要使用函数完成（三个参数：红、绿、蓝）,setBgColor(r,g,b) - html页面+js代码

时间: 2024-12-10 20:27:34 浏览: 14

HTML部分： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>改变背景色</title> </head> <body> <input type="number" id="red" placeholder="红色值(0-255)"> <input type="number" id="green" placeholder="绿色值(0-255)"> <input type="number" id="blue" placeholder="蓝色值(0-255)"> <button onclick="changeBackgroundColor()">设置背景色</button> <script src="script.js"></script> </body> </html> ``` JavaScript部分 (script.js): ```javascript function changeBackgroundColor() { var red = document.getElementById('red').value; var green = document.getElementById('green').value; var blue = document.getElementById('blue').value; // 确保输入的是有效数值且在0-255范围内 if (red >= 0 && red <= 255 && green >= 0 && green <= 255 && blue >= 0 && blue <= 255) { setBgColor(red, green, blue); } else { alert("请输入0到255之间的颜色值！"); } } // 设置背景颜色的函数 function setBgColor(r, g, b) { document.body.style.backgroundColor = "rgb(" + r + ", " + g + ", " + b + ")"; } ``` 在这个示例中，用户通过输入框输入RGB颜色值，点击“设置背景色”按钮后，会触发`changeBackgroundColor`函数，该函数获取输入的颜色值，并检查是否合法。如果合法，就会调用`setBgColor`函数来更新网页的背景颜色。如果不合法，将弹出提示。

阅读全文