从.js文件加载图像的src？

Question

我有一个名为src.js的文件，其中包含我的html页面的所有脚本。

现在在我的HTML页面上我正在使用它：

<script language="javascript" src="src.js">
</script>

现在我希望在我的html文件（<img src=""/>）中创建一个图像，并且我要加载的图像的src形成.js文件。

我该怎么做？

Answer 1

在JS文件中，您可以选择图像元素并更新它的来源：

document.getElementById('image-id').src = '/path/to/image.jpg';

然后在你的HTML中：

<img id="image-id" src="/images/blank-pixel.png" />

将图像源设置为某些内容非常重要，这样浏览器就不会加载不必要的资源来查找不存在的源。

您还可以在图像标记本身的数据属性中存储图像的路径，并从JavaScript加载它：

JS -

var image = document.getElementById('image-id');
image.src = image.getAttribute('data-src');

HTML -

<img id="image-id" data-src="/path/to/image.jpg" src="/images/blank-pixel.png" />

Answer 2

你的意思是这样的： Changing IMG SRC with Javascript？

如果是，请阅读该问题并阅读答案 它可能会帮助你