js作业点击变换背景颜色

最新推荐文章于 2024-08-10 12:15:58 发布

保持可爱forever

最新推荐文章于 2024-08-10 12:15:58 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： H5作业集合文章标签： js

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.youkuaiyun.com/W_C_X/article/details/88246158

H5作业集合专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个简单的HTML和JavaScript代码示例，通过点击按钮来改变网页背景颜色。使用了document.bgColor属性和JavaScript的事件监听，实现了背景颜色的动态变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果：

点击按钮，变换背景颜色

重点：

document.bgColor=“颜色”

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
	</head>
	<body>
		<input  id="btn" type="button" value="changecolor"/>
		<script type="text/javascript">
			var color=["red","blue","yellow","white"];
			var changeBt=document.getElementById("btn");
			var i=0;
			changeBt.onclick=function(){
				i++;
				document.bgColor=color[i%color.length];
			}
		</script>
	</body>
</html>