<img>标签和新的Image(）.src有什么区别

What is the difference between <img> tag and new Image().src?

本文关键字：src 区别 什么 Image img 标签      更新时间：2023-09-26

我们用new Image().src=URL代替<img> URL </img>有什么具体的原因吗？我看到这种用法主要用于网络跟踪或一些图像像素等，感谢您的帮助。

您可以主要通过两种方式创建 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";

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

相关文章：