如何在dom加载的JavaScript页面上替换所有空的<img rel="nofollow noreferrer" src ="">？

Question

我需要一个在加载DOM时启动的函数.

在我的HTML页面中有几个空的图像标签,我希望在加载所有内容时将图像名称添加到src-property中

<img src="blank.jpg">.

祝克里斯

Answer 1

施工<img src="">无效.永远不要使用它.

它无效,因为空网址表示当前网页的网址.但是当前页面是HTML文档,而不是图像.浏览器可以对当前页面进行另一次查询,并尝试将其用作图像(请参阅本页).

Answer 2

function replaceSrc()
{

    var images = document.getElementsByTagName('img');

    for(var i = 0; i < images.length; i++)
    {
        var img = images[i];

        if(img.src.length == 0)
        {
            img.src = 'blank.jpg';
        }
    }
}


window.onload = replaceSrc;

或者,如果要为事件添加多个处理程序:

document.addEventListener('load', replaceSrc, false) //W3C
document.attachEvent('onload', replaceSrc); //IE

用jQuery

   $(document)
     .ready(function() { $('img')
                             .filter(function(){ return this.src.length == 0 })
                                 .each(function () { this.src = 'blank.jpg'})  });

编辑:

我意识到您可能希望在图像加载之前设置src属性,因此我将代码更改为触发文档的加载事件,该事件在图像开始加载之前发生.