HTML-JavaScript--单击按钮改变背景颜色

最新推荐文章于 2024-08-05 04:49:43 发布

早日退休过上不劳而获生活

最新推荐文章于 2024-08-05 04:49:43 发布

阅读量2.7w

点赞数 7

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_34216631/article/details/78506161

版权

HTML 专栏收录该内容

37 篇文章 3 订阅

订阅专栏

/* 
*Copyright (c) 2017，烟台大学计算机学院 
All rights reserved. 
*文件名称：关于HTML的练习
*作    者：张晴晴 
*完成日期：2017年11月11日 
*版 本 号：v1.0  * 
*问题描述：HTML5-JavaScript
*输入描述： 无
*程序输出： 无
*/ 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>单击按钮改变背景颜色</title>
<script>
   function changecolor(color){
   document.bgColor=color;
   }



</script>
</head>

<body>
<input type="button" value="不许碰我" onClick="changecolor('yellow')">
<input type="button" value="警告你别碰我" onClick="changecolor('red')">
<input type="button" value="给你点颜色看看" onClick="changecolor('black')">
</body>
</html>

运行结果：