window.URL 所有属性函数及用法举例

> window.URL 是一个 Web API，提供了一些用于操作 URL 的方法，包括创建 URL 对象、解析 URL 字符串等。下面是 window.URL 的一些属性和方法及其用法举例：

####1. URL.createObjectURL(): 用于创建一个 URL 对象，将一个 Blob 或 File 对象转换为 URL 字符串。例如：
```javascript
const blob = new Blob(['hello world'], { type: 'text/plain' });
const url = URL.createObjectURL(blob);
console.log(url); // 输出类似于 "blob:http://localhost:8000/5a07c4bf-6b05-4c5f-9a5d-c7d6d2cd86b3"
```
####2. URL.revokeObjectURL(): 用于释放通过 URL.createObjectURL() 创建的 URL 对象。例如：

```javascript
URL.revokeObjectURL(url); // 释放之前创建的 URL 对象
```
####3. URLSearchParams(): 用于解析和操作 URL 中的查询字符串。例如：
```javascript
const params = new URLSearchParams('?foo=bar&baz=qux');
console.log(params.get('foo')); // 输出 "bar"
console.log(params.toString()); // 输出 "?foo=bar&baz=qux"
```
####4. URL.hostname: 表示 URL 中的主机名（域名）。例如：
```javascript
const url = new URL('https://www.example.com/path/to/file.html');
console.log(url.hostname); // 输出 "www.example.com"
```
####5. URL.pathname: 表示 URL 中的路径名。例如：
```javascript
const url = new URL('https://www.example.com/path/to/file.html');
console.log(url.pathname); // 输出 "/path/to/file.html"
```
####6. URL.protocol: 表示 URL 中的协议（例如 "http:" 或 "https:"）。例如：
```
```javascript
const url = new URL('https://www.example.com/path/to/file.html');
console.log(url.protocol); // 输出 "https:"
```
####7. URL.search: 表示 URL 中的查询字符串（不包括 "?" 符号）。例如：
```javascript
const url = new URL('https://www.example.com/path/to/file.html?foo=bar&baz=qux');
console.log(url.search); // 输出 "?foo=bar&baz=qux"
```
这些方法和属性只是 window.URL 中的一部分，还有其他方法和属性可用于解析和操作 URL。详细文档可以参考 MDN 文档：https://developer.mozilla.org/en-US/docs/Web/API/URL ↗

相关推荐

近期文章