<img/>标签与新Image()。src之间有什么区别?

时间:2013-11-02 11:03:52

标签: javascript jquery

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

2 个答案:

答案 0 :(得分: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";

答案 1 :(得分:0)

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