首页html中刷新后更换对应的图片以及链接

html中刷新后更换对应的图片以及链接

时间: 2023-11-12 22:04:25 浏览: 40

您可以使用JavaScript来实现在刷新页面时更换图片和链接。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>Refresh Image and Link on Page Refresh</title> <script> function refreshPage() { var image = document.getElementById("myImage"); var link = document.getElementById("myLink"); var randomNum = Math.floor(Math.random() * 1000); // 生成0到999之间的随机数 image.src = "image" + randomNum + ".jpg"; // 更换图片 link.href = "https://www.example.com/page" + randomNum + ".html"; // 更换链接 } </script> </head> <body onload="refreshPage()"> <img id="myImage" src="image.jpg" alt="Image"> <a id="myLink" href="https://www.example.com/page.html">Link</a> </body> </html> ``` 在这个示例中，页面在加载时会调用 `refreshPage()` 函数。该函数通过生成一个随机数来更换图片和链接的 `src` 和 `href` 属性。您可以将此示例代码复制到您的HTML文件中并进行适当修改以适应您的需求。