JavaScript动态修改背景颜色的方法
作者:小括号时间:2026-10-29 08:33:58浏览:271
本文介绍了一种使用JavaScript动态修改网页背景颜色的方法。通过定义不同的函数,如BG_yellow、BG_thistle等,用户可以点击按钮来改变网页的背景颜色。这种方法简单实用,适合初学者学习和应用。
JavaScript动态修改背景颜色的方法
本文介绍了如何使用JavaScript动态修改网页背景颜色,供读者参考。
<html>
<head>
<title>Background Color Changer</title>
<script language = JavaScript>
<!--
function BG_yellow()
{
document.bgColor = 0xFFFF00
}
function BG_thistle()
{
document.bgColor = 0xD8BFD8
}
function BG_plum()
{
document.bgColor = 0xDDA0DD
}
function BG_red()
{
document.bgColor = 0xFF0000
}
//-->
</script>
</head>
<body >
<center>
<form>
<font face="comic sans ms">
<br>
<h1>
Set the background color
</h1>
<br>
<input type = button value = "Make background Yellow "
onclick = "BG_yellow()">
<br>
<br>
<input type = button value = "Make background Thistle"
onclick = "BG_thistle()">
<br>
<br>
<input type = button value = "Make background Plum"
onclick = "BG_plum()">
<br>
<br>
<input type = button value = "Make background Red"
onclick = "BG_red()">
</font>
</form>
</center>
</body>
</html>
希望本文的内容对大家在JavaScript编程方面有所帮助。
作者最新文章
JS语法错误会阻止加载吗?区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践:从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组?
2026-11-05 09:59:18
