Response屬性：url

url 只讀屬性

Response 接口的 url 只讀屬性包含響應(yīng)的 URL。該 url 屬性的值將是任何重定向后獲得的最終 URL。 

url 只讀屬性語(yǔ)法

var myURL = response.url ;

url 只讀屬性值

url 只讀屬性的值為一個(gè) USVString。

url 只讀屬性示例

在我們的 Fetch Response 示例中，我們使用 Request() 構(gòu)造函數(shù)創(chuàng)建一個(gè)新 Request 對(duì)象，并將它傳遞給 JPG 路徑。然后我們使用 fetch() 來(lái)獲取這個(gè)請(qǐng)求，從 Body.blob 響應(yīng)中提取一個(gè) blob，使用 URL.createObjectURL 創(chuàng)建一個(gè)對(duì)象URL，并在一個(gè) <img> 中顯示它。

請(qǐng)注意，在 fetch() 塊的頂部，我們將響應(yīng) URL 記錄到控制臺(tái)。

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

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

fetch(myRequest).then(function(response) {
  console.log(response.url); // returns https://developer.mozilla.org/en-US/docs/Web/API/Response/flowers.jpg
  response.blob().then(function(myBlob) {
    var objectURL = URL.createObjectURL(myBlob);
    myImage.src = objectURL;
  });
});

規(guī)范

瀏覽器兼容性