一、在JavaScript中使用RGB加背景色
在JavaScript语言中，我们可以使用RGB来为网页元素设定背景色。具体方式是，使用rgb()函数，将红、绿、蓝三个颜色的值依次填入函数中，使用逗号隔开。比如下面的代码就可以为页面中的body元素设置一个浅灰色的背景：
<script>
document.body.style.backgroundColor = rgb(192,192,192);
</script>
从上面的代码中可以看出，我们首先要获取对应元素的DOM对象，然后使用style属性对元素进行样式修改。这里使用了backgroundColor属性，该属性可以用来设置元素的背景颜色。
二、在JavaScript中使用HEX加背景色
在JavaScript中还可以使用HEX值来定义网页元素的背景色。具体方式是，将16进制表达的颜色值填入元素的style属性中。比如下面的例子我们就可以将网页元素的背景色设置为#FFA07A，这是一个比较温暖的浅橙色：
<script>
document.body.style.backgroundColor = "#FFA07A";
</script>
从上面的代码中可以看出，我们使用了字符串的形式来指定颜色值，并将该字符串填入backgroundColor属性中。这种方式在开发中比较常用。
三、在JavaScript中使用变量加背景色
在很多情况下，我们需要根据不同的数据动态修改网页元素的背景色。这个时候，我们就可以使用变量来表示不同的颜色值。比如下面的例子中，我们有一个标签列表，每个标签对应不同的背景色。我们可以将这些颜色值存储在一个数组中，然后在JavaScript中动态设置不同标签的背景：
<ul id="tag-list">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
<script>
var colors = ["#ff0000", "#00ff00", "#0000ff"]; // 存储不同颜色值的数组
var tagList = document.getElementById("tag-list");
var tags = tagList.getElementsByTagName("li"); // 获取标签列表中所有的标签
for (var i = 0; i < tags.length; i++) {
var randomIndex = Math.floor(Math.random() * colors.length); // 随机生成一个0到2之间的整数
tags[i].style.backgroundColor = colors[randomIndex];
}
</script>
从上面的代码中可以看出，我们首先存储了所有可能用到的颜色值，然后通过getElementById()和getElementsByTagName()方法获取对应的DOM对象，最后使用for循环遍历所有标签，并通过随机数来动态地设置标签的背景色。
总结：本文介绍了JavaScript中三种常见的设定背景色的方式。RGB和HEX方式比较简单，直接将颜色值填入元素的style属性中即可；使用变量方式动态设置背景色则需要通过JS代码来实现。这些方法在实际开发中都有很多应用，可以帮助我们制作出更美观、更有效果的网页。
上一篇：javascript中对象的二要素是什么
下一篇：javascript中定时执行如何实现
