Response.headers - Web API 接口参考 编辑

Response 接口的只读属性 headers 包含与响应关联的Headers对象。

语法

var myHeaders = response.headers;

值

一个 Headers 对象。

例程

在我们的 Fetch Response example 例程中（详见 Fetch Response live），我们使用Request()构造函数创建了一个新的Request对象，传入了一个jpg路径。我们接着使用fetch()触发了请求，用Body.blob从响应中提取了blob实例，使用URL.createObjectURL创建了一个URL对象，然后显示在了<img>中。

注意，在fetch()的顶级块中我们输出了headers到控制台。

var myImage = document.querySelector('img');

var myRequest = new Request('flowers.jpg');

fetch(myRequest).then(function(response) {
  console.log(response.headers); // returns a Headers{} object
  response.blob().then(function(myBlob) {
    var objectURL = URL.createObjectURL(myBlob);
    myImage.src = objectURL;
  });
});

规格

浏览器兼容性

BCD tables only load in the browser

See also

• ServiceWorker API
• HTTP access control (CORS)
• HTTP