0

我有一个简单的应用程序，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>

应该去的 HTML 代码src如下所示：

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

具有输入类型的其余代码text正常，但图像永远不会正确加载，我尝试了几件事，但我是 JS 新手，所以不知道如何正确执行此操作。

4

2 回答 2

1

您想使用此代码：

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

window.onload = function () {
  document.getElementById("a").src="http://30.media.tumblr.com/tumblr_l8nftqa6oF1qbadnxo1_500.png";
}
于 2012-05-13T22:44:26.147 回答
0

您可能根本不需要重新加载页面。点击按钮，你可以得到如下的新图像。简而言之，如果您不需要它，请摆脱“window.location.reload()”

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

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

于 2012-05-13T22:51:49.497 回答