可以在页面加载时，使用 JavaScript 保存按钮颜色，并在页面刷新时重新设置按钮颜色。

示例代码如下：

HTML:

Change color

JavaScript:

// 在页面加载时保存按钮颜色 const colorBtn = document.getElementById("colorBtn"); const savedColor = localStorage.getItem("color"); if (savedColor) { colorBtn.style.backgroundColor = savedColor; }

// 点击按钮更改颜色 colorBtn.addEventListener("click", function() { const newColor = getRandomColor(); colorBtn.style.backgroundColor = newColor; // 在 localStorage 中保存更改后的颜色 localStorage.setItem("color", newColor); });

// 获取随机颜色 function getRandomColor() { const letters = "0123456789ABCDEF"; let color = "#"; for (let i = 0; i < 6; i++) { color += letters[Math.floor(Math.random() * 16)]; } return color; }

// 在页面刷新时重新设置按钮颜色 window.addEventListener("beforeunload", function() { localStorage.setItem("color", colorBtn.style.backgroundColor); });