HTML IMG属性“完全”(HTML img attribute “complete”)

2019-08-01 01:59发布

谁能解释的属性的含义complete

我读的地方,它可能与DOM做。

<img src="/folder/pic.jpeg" complete="complete" /> 

Answer 1:

这是当图像被下载的设置。

我从来没有像在您的示例HTML明确地看到它( MDN说,这是不是一个属性img元素)。 我只是用它来检查,如果图像已被下载的JavaScript(但有与该跨浏览器的问题,)。 在酒店HTMLImageElement返回一个Boolean

[].forEach.call(document.querySelector("img"), function(img) {
    // Loaded?
    img.complete && (img.style.border = "5px solid #f00");
});


Answer 2:

属性complete有通过规范没有确定的含义,它可能没有任何效果(尽管它可以与读取getAttribute()方法)。 所以在问题的代码可能是基于一些误解。

根据HTML5草稿,有complete对应的对象属性 img元件,具体根据HTMLImageElement接口。 在该定义complete财产基本上意味着,当浏览器已经完全接收的图像(虽然有一些细微差别在这里)的值是true。 由于这是由浏览器来控制,反映了负载状态,这是很自然的属性被定义为只读。

此属性是广泛存在的浏览器,但显然在一个破碎的方式:如果你有一个img是指不存在的资源(404未找到)元素,那么Chrome和Firefox指示属性为具有值true(IE得到的东西就在这里:假)。 因此,属性是暂时没有多大用处。

设置在HTML属性对此没有任何影响。 HTML属性和元素对象属性彼此对应仅当对应已被定义。



Answer 3:

它是用来检查图像加载完毕。

document.getElementsByTagName('img')[0].complete 

如果已完成加载,否则为假返回true。 但是它不是用来作为像您的例子中的属性。



文章来源: HTML img attribute “complete”