<img/>标签与新Image（）。src之间有什么区别？

Question

我们使用new Image().src=URL代替<img> URL </img>是否有任何特定原因。我看到这种用法主要用于网络跟踪或某些图像像素等等。非常感谢您的帮助。

Answer 1

您可以主要以两种方式创建DOM节点：

• 您使用<img src="foo.jpg">
等标记将它们放入HTML中
• 您可以使用例如document.createElement
从Javascript动态创建它们

如果节点是固定的，那么静态创建会更好，因为设计人员可以直接创建和编辑页面而无需了解Javascript。但是，如果它们是根据页面上的用户操作动态创建的，那么您不能将它们放在HTML中，而且您不得不使用Javascript。

您可能需要对现有DOM元素执行某些操作，并且可能会看到类似

的代码

<img id="pic" src="foo.jpg">

HTML中的

（注意id=部分）

然后您可以使用例如

从代码访问它

document.getElementById("pic").src = "bar.jpg";

Answer 2

这是因为img标记有一个名为src的属性。第二个示例中的HTML无效。