按钮点击会改变页面背景图片，并且页面也会刷新。_编程开发

按钮点击会改变页面背景图片，并且页面也会刷新。

创始人

2024-11-03 21:31:16

0次

这里是一个简单的解决方法，使用JavaScript来实现按钮点击改变背景图片并刷新页面的效果。

HTML代码：

CSS代码：

body {
  background-image: url("初始背景图片的URL");
}

JavaScript代码：

function changeBackground() {
  // 获取body元素
  var body = document.querySelector("body");
  
  // 随机生成一个背景图片URL
  var randomImageURL = "随机背景图片的URL";
  
  // 设置body的背景图片
  body.style.backgroundImage = "url(" + randomImageURL + ")";
  
  // 刷新页面
  location.reload();
}

请将代码中的"初始背景图片的URL"替换为你想要使用的初始背景图片的URL。同样，将"随机背景图片的URL"替换为你想要使用的随机背景图片的URL。

当按钮被点击时，changeBackground()函数会被调用。函数首先获取到body元素，然后使用randomImageURL来设置背景图片。最后，使用location.reload()来刷新页面。这样，每次按钮被点击时，页面的背景图片会被改变并且页面会刷新。

上一篇：按钮点击会触发自己和另一个按钮的onclick事件。

下一篇：按钮点击会阻止第二个声音播放

按钮点击会改变页面背景图片，并且页面也会刷新。

相关内容

热门资讯