使用js将字符串附加到图像src

Question

我有一个页面，其中有<img src="/images/product/whatever-image.jpg" alt="" />

我希望它能够在加载页面时，将字符串“？Action = thumbnail”附加到src的值，使其成为src="/images/product/whatever-image.jpg?Action=thumbnail"

如何使用js实现此目的？

Answer 1

window.addEventListener('load', function(){
    /* assuming only one img element */
    var image = document.getElementsByTagName('img')[0];

    image.src += '?Action=thumbnail';
}, false);

注意，更改图像源将从服务器“重新获取”图像 - 即使图像相同。这在服务器端会更好。

---

评论后更新：

window.addEventListener('load', function(){
    /* assuming only one div with class "divclassname" and img is first child */
    var image = document.getElementsByClassName('divclassname')[0].firstChild;

    image.src += '?Action=thumbnail';
}, false);    

Answer 2

使用此：

window.onload = function() {
    document.getElementById('myImage').src += "/Action=thumbnail";
};