javascript入门网页变色

好的，我可以为您提供一个简单的JavaScript代码段，实现当鼠标悬停在网页上时，网页的背景颜色随机变化。

首先，在HTML文件中添加一个div元素，用于包含网页的内容:

<div id="container">
  <!-- 网页内容 -->
</div>

然后，在JavaScript文件中添加以下代码:

// 获取div元素
const container = document.getElementById('container');

// 定义一个函数，用于生成随机的背景颜色
function getRandomColor() {
  const letters = '0123456789ABCDEF';
  let color = '#';
  for (let i = 0; i < 6; i++) {
    color += letters[Math.floor(Math.random() * 16)];
  }
  return color;
}

// 添加鼠标悬停事件监听器
container.addEventListener('mouseover', function() {
  // 设置背景颜色为随机的颜色
  container.style.backgroundColor = getRandomColor();
});

这段代码使用了addEventListener()函数来为div元素添加了一个鼠标悬停事件监听器。当鼠标悬停在div元素上时，就会调用getRandomColor()函数生成随机的背景颜色，并将该颜色设置为div元素的背景颜色。