JavaScript如何改变网页背景颜色

JavaScript如何改变网页背景颜色，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

六枝网站建设公司创新互联,六枝网站设计制作，有大型网站制作公司丰富经验。已为六枝数千家提供企业网站建设服务。企业网站搭建\外贸营销网站建设要多少钱，请找那个售后服务好的六枝做网站的公司定做！

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript改变网页背景颜色

示例1：输入颜色名称改变网页背景色

在一个文本框里面输入颜色的名称（如：蓝色，紫色），点击文本框旁边的按钮，让网页的背景色改变成文本框中的名称对应的颜色。

实现代码

  
	function show(){
		var x=document.getElementsByTagName("body");
		var y=document.getElementById("i1"); 
		var c1=document.getElementById("i2").value;   
 
		var c2;
		switch(c1){                              
			case '蓝色': c2="blue"; break;
			case '黄色': c2="yellow";break;
			case '浅蓝色':c2="lightblue";break;
			case '紫色':c2="purple";break;
			case '粉色':c2="pink";break;
		}
		y.style.backgroundColor=c2;
	}