JavaScript实现按钮改变网页背景色

运行效果:

 

 

 

 

 

 

 

源代码:

 1 <!DOCTYPE html>
 2 <html lang="zh">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>改变背景颜色</title>
 6 </head>
 7 <body>
 8 <div style="margin-top: 100px;margin-left: 100px;">
 9     <button type="button" onclick="ChangeBackgroundColor('red')"></button>
10     <button type="button" onclick="ChangeBackgroundColor('blue')"></button>
11     <button type="button" onclick="ChangeBackgroundColor('green')">绿</button>
12 </div>
13 
14 <script type="text/javascript">
15     function ChangeBackgroundColor(new_bgcolor) {
16         document.bgColor = new_bgcolor;
17     }
18 </script>
19 </body>
20 </html>

 

 

猜你喜欢

转载自www.cnblogs.com/yijiahao/p/11909509.html