js怎么设置按钮控制背景颜色

最近身边一些朋友咨询小编关于js实现点击按钮变换背景颜色，说实话小编对这个不太了解，但是小编从网络上整理了相关的资源，大家可以看一下，希望能够帮助到大家！

操作方法

  • 01

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>js实现点击按钮变换背景颜色</title><script type="text/javascript">function aa(){document.bgColor="Orange";}

  • 02

    function change(c){document.bgColor=c;}</script></head>

  • 03

    <body onload="aa()"><input type="button" value="橙色" onclick="change('Orange')"/><input type="button" value="粉色" onclick="change('pink')"/><input type="button" value="绿色" onclick="change('green')"/>

  • 04

    <br /><br/></body></html>

  • 05

    以上就是所有的代码，因为经验的要求，小编给拆分了，大家可以复制在一起使用。

赞 (0)

相关推荐

  • Word 2007中设置单色页面背景颜色

    在Word2007文档中设置单色页面背景颜色的步骤如下所述： 第1步，打开Word2007文档窗口，切换到“页面布局”选项卡。 第2步，在“页面背景”分组中单击“页面颜色”按钮，并在打开的页面颜色面板 ...

  • 在word中怎么设置表格的背景颜色?

    在word表格中隔行设置背景颜色,这样的表格数据看起来更直观,还不至于看错行,其好处多多,下面介绍如何设置表格的背景颜色?不会的朋友可以参考本文,来看看吧! 步骤 打开word文档主界面,进入编辑界面 ...

  • 怎样更改网页背景色，怎么设置html网页背景颜色

    介绍一下怎样更改网页的背景颜色,如何将一个简单html页面的背景色通过设置将其更换. 怎样更改网页背景色,怎么设置html网页背景颜色 01 如下图,该html网页的背景色是纯白的,将通过以下示范将改 ...

  • 在EXCEL表格中如何设置表格的背景颜色

    在EXCEL表格中如何设置表格的背景颜色呢?下面小编来教大家. 操作方法 01 首先,我们打开我们电脑上面的excel: 02 之后我们点击图示中的那个地方,这样我们就选中整个表格了: 03 之后我们 ...

  • excel表格怎么修改设置好的背景颜色

    excel表格怎么修改设置好的背景颜色

    Excel表格法是我们常用的办公软件之一,有小伙伴问表格单元格的背景颜色无法修改怎么办,下面小编介绍一下.具体如下:1. 打开Excel表格,选中需要修改的单元格,点击菜单栏的"条件格式&q ...

  • Mac电脑如何设置Pages文本背景颜色

    Mac电脑如何设置Pages文本背景颜色

    现在有很多人在使用Mac电脑,有些新用户不知道如何设置Pages文本背景颜色,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先点击[启动台]图标,接着根据下图所示,找到并点击[p ...

  • 怎么设置抖音背景颜色

    怎么设置抖音背景颜色

    抖音是现在非常流行的一款短视频软件,有些新用户不知道怎么设置抖音背景颜色,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步打开手机中的[高德地图]App,先点击右下角[我],接着根 ...

  • excel怎么设置表格的背景颜色和样式

    excel表格可以自由设置表格的背景颜色和样式,不需要千篇一律的一种颜色,你可以调节背景为各种样式的背景,比如说星星点点等,具体设置方法如下 操作方法 01 首先打开你的excel,然后选择你需要设置 ...

  • 在Word2010文档中设置单色页面背景颜色

    页面背景是指显示于Word文档最底层的颜色或图案，用于丰富Word文档的页面显示效果。在Word2010文档中设置单色页面背景的步骤如下所述： 第1步，打开Word2010文档窗口，切换到“页面布局” ...