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 回答