JS改变页面颜色源码分享       本篇文章是JS的一个网页制作小技巧，应用在很多地方，通过JS改变HTML页面的颜色，有兴趣的学习下。

我们先来看下具体的演示效果图

以下就是完整的HTML页面代码，大家可以测试下。

 !DOCTYPE html 
 html lang="en" 
 head 
 meta charset="UTF-8" 
 title Document /title 
 style 
 .big_box{ 
 width: 500px; 
 height: 500px; 
 border: 1px solid black; 
 .big_box input{ 
 margin-left: 60px; 
 /style 
 script 
 function Change_red(){ 
 var Red=document.getElementById("change_style"); 
 Red.style.backgroundColor="red"; 
 function Change_blue(){ 
 var Blue=document.getElementById("change_style"); 
 Blue.style.backgroundColor="blue"; 
 function Change_green(){ 
 var Green=document.getElementById("change_style"); 
 Green.style.backgroundColor="green"; 
 /script 
 /head 
 body 
 div id="change_style" 
 input type="button" value="变为红色" 
 input type="button" value="变为蓝色" 
 input type="button" value="变为绿色" 
 /div 
 /body 
 /html