Javascript 如何在每次从浏览器重新加载特定url页面时打开该页面？

我有一个链接，如果您更改URL末尾的数字，它会生成新图像。我希望每次从浏览器刷新页面时，它都会生成不同的图像。我不想使用任何按钮来单击，而是使用浏览器中的“刷新”按钮。我尝试使用

窗口.onload

属性，但遇到了一些问题

我的代码几乎可以正常工作，每次刷新页面时，我都能生成一个带有随机数的新url，但当我尝试加载页面时，它不起作用。它会被固定到第一个随机url。我知道url正在随机更改，因为从警报消息中我可以验证这一点。请帮忙

<script>
var url = "https://memegenerator.net/img/images/501.jpg";
function load()
{
    var num=url.match(/\d/g).join("");
    var numreplace=Math.floor(Math.random()*1000);
    url=url.replace(num,numreplace);

    openpage(url);
}

function openpage(url) {
    alert(url);
    //window.location.href=url;
    //or window.location.replace(url);
}

window.onload=load();
</script>

变量url=”https://memegenerator.net/img/images/501.jpg";
函数加载（）
{
var num=url.match（/\d/g）.join（“”）；
var numreplace=Math.floor（Math.random（）*1000）；
url=url.replace（num，numreplace）；
openpage（url）；
}
函数openpage（url）{
警报（url）；
//window.location.href=url；
//或窗口。位置。替换（url）；
}
window.onload=load（）；

---

我希望每次重新加载页面时都会加载一个新图像

问题是您将页面重定向到另一个URL的图像，例如

https://memegenerator.net/img/images/377.jpg

，因此当您刷新页面时，它只会刷新该URL并停留在该图像上。我已经更改了你的代码，这样它就可以将图像插入到你的页面主体中，这样它就可以保留在你的URL上，并且每次都会生成不同的图像。您可以按几次

Run

来测试它

变量url=”https://memegenerator.net/img/images/501.jpg"
函数加载（）{
var num=url.match（/\d/g）.join（“”）
var numreplace=Math.floor（Math.random（）*1000）
url=url.replace（num，numreplace）
openpage（url）
}
函数openpage（url）{
console.log（url）
document.body.innerHTML=“”
}
window.onload=load（）

警报消息可阻止文档加载新URL，如

window.location.href

警报消息也会阻止

表单操作

所以只需删除

警报（url）

您的代码工作正常：

<script>
var url = "https://memegenerator.net/img/images/501.jpg";
function load()
{
    var num=url.match(/\d/g).join("");
    var numreplace=Math.floor(Math.random()*1000);
    url=url.replace(num,numreplace);

    openpage(url);
}

function openpage(url) {
    window.location.href=url;
}

window.onload=load();
</script>

---

如果这解决了你的问题，请接受。

function load() {
var num=Math.floor(Math.random()*1000); 
var url="https://memegenerator.net/img/images/"+num+".jpg";
openpage(url);
}