圖像重新加載頁面

我有一個簡單的應用程序和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，所以不知道如何做到這一點。

來源

2012-05-13 Zippie

嘗試在圖像src上添加時間戳，因爲緩存。 – Chibuzo

您想使用此代碼：

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

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

來源

2012-05-13 22:44:26

您可能不需要在所有重新加載頁面。點擊按鈕後，您可以按如下方式獲取新圖像。總之，擺脫「window.location.reload（）」如果你不需要它

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

（請注意，我改變了圖片的路徑，因爲我是在一個你得到一個「拒絕訪問」）

來源

2012-05-13 22:51:49

thnx，但我需要重新加載頁面couse我通常必須得到的圖像是從另一個網站，是dinamic JSON文件，圖片經常變化:) – Zippie

圖像重新加載頁面

回答

相關問題