html怎么改变网页背景颜色,网页设计怎么改变背景颜色

　　本教程操作环境：windows7系统、javascript1.8.5版、戴尔自交第三代电脑。

　　JavaScript改变网页背景颜色

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

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

　　实现代码

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　标题网页变色/标题

　　脚本类型=文本/javascript

　　函数显示(){

　　var x=文档。getelementsbytagname( body )；

　　变量y=文档。getelementbyid( i1 )；

　　var C1=文档。getelementbyid( I2 ).价值；-获取文本框中的值-

　　var c2

　　开关(c1){

　　案例蓝色：c2=蓝色；打破；

　　案例黄色：c2=黄色；打破；

　　案例浅蓝色：c2=浅蓝色；打破；

　　案例紫色：c2=紫色；打破；

　　案例粉色：c2=粉色打破；

　　}

　　y。风格。背景色=C2；

　　}

　　/脚本

　　/头

　　body id= i1 style= background-color:# d6a4e 9 ！-网页的原始背景色-

　　div align=center

　　输入类型=文本id=i2

　　输入类型=按钮值=改变颜色onclick=show()

　　/div

　　/body

　　/html结果图展示

　　修改之前：

　　 修改之后：

　　说明：

　　1、在超文本标记语言中，JavaScript代码必须位于脚本与/脚本标签之间。

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

　　3、查找超文本标记语言元素

　　方法描述document.getElementById(id)通过元素编号来查找元素document.getElementsByTagName(名称)通过标签名来查找元素示例2：用点击按钮的方式改变网页背景色（简单）

　　代码

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　标题改变网页背景色/标题

　　脚本

　　函数颜色（字符串){

　　文档。身体。风格。背景色=str

　　}

　　/脚本

　　/头

　　输入类型=按钮值=粉红色onclick=color(pink)/

　　输入类型=按钮值=紫色onclick=color(purple)/

　　输入类型=按钮值=蓝色onclick=color(blue)/

　　输入类型=按钮值=自定义颜色onclick=color(浅蓝色)/

　　身体

　　/body

　　/html结果图展示

　　【相关推荐：javascript学习教程】以上就是Java脚本语言怎么改变网页背景颜色的详细内容，更多请关注我们其它相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。