JavaScript动态修改背景颜色的方法

2019-12-18,,,,

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

  • javascript 动态修改css样式方法汇总(四种方法)
  • JS动态修改iframe高度和宽度的方法
  • JS动态修改iframe内嵌网页地址的方法
  • JS动态修改图片的URL(src)的方法
  • javascript动态修改Li节点值的方法
  • JS来动态的修改url实现对url的增删查改
  • JS动态修改网页body的背景色实例代码

《JavaScript动态修改背景颜色的方法.doc》

下载本文的Word格式文档,以方便收藏与打印。