javascript - 使用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";
};