javascript - 定义仅在运行 javascript 函数后附加的 URL 的最佳实践

Question

例如，有一个图标

例如

<img id='close' src="about:blank" />

javascript函数

$('#close').attr('src','http://abc.jpg');

问题是，在静态 html 页面中定义 img 标签的 URL 的最佳方法是什么？

因为，当前的方法导致

Resource interpreted as Image but transferred with MIME type text/html: "about:blank". 

谢谢。

Answer 1

我同意@Paul S. ...只需用 jQuery 注入整个图像：

$(some selector in which your image can go).append('<img src="http://abc.jpg" />');

...或jQuery必须修改DOM的其他几种方式之一：

http://api.jquery.com/category/manipulation/dom-insertion-inside/ http://api.jquery.com/category/manipulation/dom-insertion-outside/