js如何通过点击按钮改变body背景色

生活小百事通 2023年05月07日 阅读 (117)

1、新建一个html文件,命名为test.html,用于讲解js如何通过点击按钮改变body背景色。

js如何通过点击按钮改变body背景色

2、在test.html文件内,使用button标签创建一个按钮,用于触发点击执行js函数。

js如何通过点击按钮改变body背景色

3、在test.html文件内,给button标签绑定onclick点击事件,当按钮被点击时,执行editbodybg函数。

js如何通过点击按钮改变body背景色

4、在js标签内,创建editbodybg函数,在函数内,将编写改变body颜色的js代码。

js如何通过点击按钮改变body背景色

5、在editbodybg函数内,通过给body对象style属性中的background属性设置色值,实现改变body的背景色。例如,这里将body颜色改变为灰色。

js如何通过点击按钮改变body背景色

6、在浏览器打开test.html文件,点击按钮,查看实现的效果。

js如何通过点击按钮改变body背景色

精彩内容尽在问答鸭,如果您觉得这篇内容不错,别忘了分享给好友哦!

相关文章

  • 如何在word里添加可点击的复选框.

    如何在word里添加可点击的复选框

    1、打开一个空白的word表格。2、输入数据,确保所有项目都在同一列上。3、选择整个列表。4、点击“文件”菜单下的“选项”按钮。

    2022-08-08 阅读 (659)
  • Abaqus教程[5]Mesh模块专有的六大按钮详解1.

    Abaqus教程[5]Mesh模块专有的六大按钮详解1

    按钮1:体网格控制按钮1、体网格控制按钮显示如右图所示,这个按钮主要用于选择用于剖分的单元类型,以三维模型为例,三维模型单元形状包括以下三个:hex仅包含六面体单元hex-dominated六面体单元为主,楔形单元为辅tet仅包含四面体单元wedge仅包含楔形单元2、hex仅包含六面体单元的控制界面如右图所示,六面体网格一般使用structured的网格剖分3、tet仅包含四面体单元的控制界面如右图所示,四面体网格一般使用自由形式free的网格剖分

    2022-07-20 阅读 (435)
  • excel制作时间调节按钮的操作方法.

    excel制作时间调节按钮的操作方法

    1、打开一个空白的excel文档2、然后输入今天的日期2020/3/93、接着单击工具栏中的开发工具选项4、然后单击控件组里的插入按钮,选择数字调节控件5、单击这个控件在b1单元格中拖动鼠标左键画出了6、然后右击找到属性并单击7、在打开的属性对话框中把max的值改大点改成50000,linkedcell的值为a1(因为a1是日期在的单元格,你的日期在哪个单元格就写哪个)然后关闭就可以了8、关闭后我们把设计模式也给取消9、这样就可以单击按钮了,左边的是增加一天,右边的是减少一天

    2022-08-10 阅读 (334)
  • SAP如何查询相关订单物料信息点击进来为你分享.

    SAP如何查询相关订单物料信息点击进来为你分享

    1、首先进入sap轻松访问用户菜单主页面,在列表中找到报表查询点击打开,直接点击根据相关公司代码设置内容进入下个页面如co03-显示生产订单即可进入下个设置页面。

    2023-04-15 阅读 (301)
  • WPS表格中如何添加改变图形形状的功能按钮?.

    WPS表格中如何添加改变图形形状的功能按钮?

    1、默认的wps表格中插入的图片是没有办法再进行形状上的编辑的,只能改变成预设中现有的图片样式2、先要改变现有图片形状,只能找到该功能按钮才行。

    2022-07-04 阅读 (298)
  • win10鼠标点击圆圈特效.

    win10鼠标点击圆圈特效

    一、win10设置鼠标点击圆圈特效1、进入电脑桌面后,点击“开始—设置”。2、进入windows设置界面后,点击“设备”。

    2023-04-07 阅读 (261)
  • Win7开始菜单点击鼠标右键没反应的解决办法.

    Win7开始菜单点击鼠标右键没反应的解决办法

    1、先用鼠标右键单击开始菜单,会弹出一个选项框如图2、移动鼠标指针指向选项框中的“属性”,则“属性”会变成蓝底,这时点击鼠标左键。

    2023-02-25 阅读 (232)
  • 亚马逊广告添加曝光量和点击量并改变日期范围.

    亚马逊广告添加曝光量和点击量并改变日期范围

    1、打开亚马逊卖家中心首页,移动鼠标到【广告】位置,出现下拉列表,在其中找到并点击【广告活动管理】。2、如图所示,进入【广告活动管理】页面,可以看到【花费】、【销售额】、【acos】等,点击【添加成本】。

    2023-01-22 阅读 (168)
  • 有道词典如何点击取词并自动翻译.

    有道词典如何点击取词并自动翻译

    设置取词方式1、打开电脑端的“网易有道词典”。2、将“取词”和“划词”这两个勾选上。3、登录自己的账号,点击账号的头像。

    2023-04-24 阅读 (124)
  • ps怎么设计创意的圆形按钮?.

    ps怎么设计创意的圆形按钮?

    1、首先打开ps软件,新建一个文件。文件的尺寸设置为500x500像素,因为要做的是圆形的按钮,这个尺寸更方便观察,分辨率为300,当然尺寸并没有规定,多大都可以;2、然后将背景色填充为黑色,这也是为了更好的观察效果。

    2022-07-05 阅读 (115)