JavaScript怎么改变网页背景颜色

web前端|js教程

JavaScript,改变网页背景颜色

web前端-js教程

天天源码整站打包,ubuntu做软阵列,tomcat只能启动一台,网络爬虫原理 csdn,跟兄弟连学php视频,seo权重案例lzw

运行环境：windows7系统、javascript1.8.5版、Dell G3电脑。

万挂作坊源码,vscode背景图怎么换,ubuntu不用鼠标,tomcat升级更改哪些,爬虫代码时效,怎么运行php代码,搜狗seo优化外包公司,对金融类cms网站未来发展建议lzw

JavaScript改变网页背景颜色

文件上传源码,vscode份额,ubuntu 中文论坛,了解tomcat启动有什么用,sqlite 数值类型,柳州网页设计公司,香港服务器 免备案吗,jquery mobile 对话框插件,前端多线程框架,嗨歌狂爬虫的,php危险函数,seo底薪,LC是开源社区常用的什么网站,愚人节整人网页源码,asp后台模板,wordpress独立下载页面,企业人事管理系统 java,自动发卡程序lzw

示例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;}

结果图展示

修改之前：

修改之后：

说明：

1、在 HTML 中，JavaScript 代码必须位于 与 标签之间。

2、在编程语言中，变量用于存储数据值。JavaScript 使用 var 关键词来声明变量。= 号用于为变量赋值。

3、查找HTML元素

示例2：用点击按钮的方式改变网页背景色（简单）

代码

function color(str){document.body.style.backgroundColor=str;}

结果图展示