我有一个图像，我将动态填充src稍后与javascript，但为了方便，我希望图像标签存在于页面加载，但只是不显示任何东西。我知道<img src= " />是无效的，那么最好的方法是什么?
当前回答
如果你保持SRC属性为空，浏览器将发送请求到当前页面的url 如果不想要任何url，总是在SRC属性中添加1*1透明img
src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA="
其他回答
简单来说，就像这样:
<img id="give_me_src"/>
我个人使用about:blank src，通过将img元素的不透明度设置为0来处理破碎的图像图标。
另一种选择是嵌入一个空白图像。任何符合你的目的的图像都可以，但是下面的例子编码了一个只有26字节的GIF——来自http://probablyprogramming.com/2009/03/15/the-tiniest-gif-ever
<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" width="0" height="0" alt="" />
根据下面的评论编辑:
当然，您必须考虑您的浏览器支持需求。不支持IE7或更低版本是值得注意的。http://caniuse.com/datauri
我建议动态添加元素，如果使用jQuery或其他JavaScript库，它是相当简单的:
http://api.jquery.com/appendTo/ http://api.jquery.com/prependTo/ http://api.jquery.com/html/
再看看prepend和append。否则，如果你有一个这样的图像标签，你想让它有效，那么你可以考虑使用一个虚拟的图像，如1px透明gif或png。
正如评论中所写的，这种方法是错误的。
我没有找到这个答案之前，但根据W3规范有效的空src标签将是一个锚链接#。
示例:src="#"， src="#empty"
页面验证成功，没有发出额外的请求。
