首页javascript code to chnge background color of webpage to red if button named red is clicked

javascript code to chnge background color of webpage to red if button named red is clicked

时间: 2024-10-23 12:09:19 浏览: 12

在JavaScript中，你可以通过事件监听器来改变网页背景颜色为红色，当名为"red"的按钮被点击时。以下是一个简单的示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <title>页面</title> <style> body { transition: background-color 0.5s; /* 添加过渡效果 */ } </style> </head> <body> <button id="redButton">红色按钮</button> <script> // 获取按钮元素 const redButton = document.getElementById('redButton'); // 为按钮添加点击事件监听器 redButton.addEventListener('click', function() { // 改变背景颜色 document.body.style.backgroundColor = 'red'; }); </script> </body> </html> ``` 在这个例子中，当用户点击id为"redButton"的按钮时，`document.body.style.backgroundColor` 将被设置为 "red"，从而改变整个页面的背景颜色。`transition` 属性会给背景色变化添加了一个平滑过渡效果。

阅读全文