JS设置HTML背景(实现网页背景图或颜色的变换)

2. 设置背景图片的方法

3. 切换背景颜色的方法

4. 切换背景图片的方法

1. 设置背景颜色的方法entdColor属性来设置即可。要将背景颜色设置为红色,我们可以使用以下代码:

entdColor = “red”;

2. 设置背景图片的方法entdImage属性来设置即可。要将背景图片设置为一张名为bg.jpg的图片,我们可以使用以下代码:

entdImage = “url(‘bg.jpg’)”;

3. 切换背景颜色的方法

要切换HTML背景颜色,我们可以使用一个按钮来触发事件。我们可以创建一个按钮,并将其绑定到一个JavaScript函数,该函数将在按钮被单击时执行。以下是一个示例代码:

clickgeColorge>

ctiongeColor() { ge”]; domColordomgth)]; entdColordomColor;

geColordom()函数和Math.floor()函数来生成一个随机索引,该索引将用于选择一个随机颜色。

4. 切换背景图片的方法

要切换HTML背景图片,我们可以使用与切换背景颜色相同的方法。我们可以创建一个按钮,并将其绑定到一个JavaScript函数,该函数将在按钮被单击时执行。以下是一个示例代码:

clickgeImagegeage>

ctiongeImage() { ages = [“bg1.jpg”, “bg2.jpg”, “bg3.jpg”, “bg4.jpg”, “bg5.jpg”]; domImageagesdomagesgth)]; entdImagedomImage + “‘)”;

geImageagesdomdomImagedomImage是我们随机选择的图片的名称。