什么是URL对象以及如何使用它

找出什么是URL对象以及如何使用它

URL是一个命名空间，用来承载2个静态方法，用于使用Blobs操作URL。

• URL.createObjectURL()
• URL.revokeObjectURL()

给定一个blob，你可以使用URL.createObjectURL() 函数生成一个指向它的URL。

const myURL = URL.createObjectURL(aBlob)

一旦你有了blob的URL，你就可以使用从内存中销毁它。

URL.revokeObjectURL(myURL)

除此之外，URL还通过其构造函数提供了一个非常不同的功能，它可以用来创建一个URL。你可以像这样调用它。

const currentUrl = new URL(window.location.href)

现在currentUrl 有一组属性，你可以用它来检查URL。

• hash 哈希片段
• host 域名+端口
• hostname 域
• href 包含整个URL
• origin 方案+域+端口
• password
• pathname
• port
• protocol
• search
• searchParams
• username

这些都是URL的常规部分。

你可以改变其中的任何一个，除了origin 和searchParams 是只读的，并通过调用toString() 方法，或通过引用href 属性，生成一个新的URL字符串。