Question

我有一个简单的应用程序，JS代码如下所示：

function refresh(){
    window.location.reload();
    document.getElementById("a").src="http://30.media.tumblr.com/tumblr_l8nftqa6oF1qbadnxo1_500.png";
}

按钮HTML代码为：

<button id="refresh" onclick="refresh()">Refresh</button>

src应该去的HTML代码如下：

<img id="a" style="position:absolute;top:390px;left:15px;height:254px;width:330px">

具有输入类型text的其余代码可以正常但是图像永远不会正确加载并且我已经尝试了几件事，但我是JS新手所以不知道如何做到这一点正常。

Answer 1

您想使用此代码：

function refresh(){
  window.location.reload();
}

window.onload = function () {
  document.getElementById("a").src="http://30.media.tumblr.com/tumblr_l8nftqa6oF1qbadnxo1_500.png";
}

Answer 2

您可能根本不需要重新加载页面。在按钮单击上，您可以按如下方式获取新图像。简而言之，如果你不需要它，摆脱“window.location.reload（）”

`function refresh(){
    document.getElementById("a").src="http://ecx.images-amazon.com/images/I/3131FYr6f6L._SL500_AA300_.jpg"; }`

（请注意，我更改了图片路径，因为我在您的帖子中获得了“拒绝访问权限”。）

重新加载页面后图像未加载

2 个答案: