Response属性:url

url 只读属性

Response 接口的 url 只读属性包含响应的 URL。该 url 属性的值将是任何重定向后获得的最终 URL。 

url 只读属性语法

var myURL = response.url ;

url 只读属性值

url 只读属性的值为一个 USVString。

url 只读属性示例

在我们的 Fetch Response 示例中,我们使用 Request() 构造函数创建一个新 Request 对象,并将它传递给 JPG 路径。然后我们使用 fetch() 来获取这个请求,从 Body.blob 响应中提取一个 blob,使用 URL.createObjectURL 创建一个对象URL,并在一个 <img> 中显示它。

请注意,在 fetch() 块的顶部,我们将响应 URL 记录到控制台。

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;
  });
});

规范

规范 状态 注释
Fetch
在该规范中'url'的定义。
Living Standard
初始定义

浏览器兼容性 

电脑端 移动端
Chrome
Edge
Firefox
Internet Explorer
Opera
Safari
Android webview
Chrome for Android
Edge Mobile Firefox for Android
Opera for Android
iOS Safari
基本支持 支持:42 支持 支持:39 不支持 支持:29 不支持 不支持 不支持 支持 不支持 不支持 不支持
以上内容是否对您有帮助:

您可能还喜欢:

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部