js实现点击按钮变换背景颜色

最新推荐文章于 2024-10-12 16:42:11 发布

原创最新推荐文章于 2024-10-12 16:42:11 发布 · 2.1w 阅读

11 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Web前端同时被 3 个专栏收录

18 篇文章

订阅专栏

HTML5+CSS3

8 篇文章

订阅专栏

css

6 篇文章

订阅专栏

这篇博客展示了如何使用JavaScript实现点击按钮后页面背景颜色的变化。通过定义不同的函数，可以将背景色更改为橙色、粉色或绿色。当页面加载时，默认背景色设置为橙色，用户可以通过点击不同按钮来切换背景色。

<!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";
}

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

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

<br /><br/>

</body>
</html>