携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第26天，点击查看活动详情
URL实例属性
浏览器原生提供
URL()接口，它是一个构造函数，用来构造、解析和编码 URL。一般情况下，通过window.URL可以拿到这个构造函数
url.protocol
// "http:",返回协议，以冒号`:`结尾
url.hostname
// "www.example.com",返回域名
url.host
// "www.example.com:4097",返回域名与端口，包含`:`号，默认的80和443端口会省略
url.origin
// "http://www.example.com:4097",返回协议、域名和端口
url.searchParams
// URLSearchParams {},返回一个`URLSearchParams`实例，该属性是`Location`对象没有的
url.password
// "passwd",返回域名前面的密码
url.username
// "user",返回域名前面的用户名
URL 实例的属性与Location对象的属性基本一致，返回当前 URL 的信息
- URL.href：返回整个 URL
- URL.protocol：返回协议，以冒号
:结尾 - URL.hostname：返回域名
- URL.host：返回域名与端口，包含
:号，默认的80和443端口会省略 - URL.port：返回端口
- URL.origin：返回协议、域名和端口
- URL.pathname：返回路径，以斜杠
/开头 - URL.search：返回查询字符串，以问号
?开头 - URL.searchParams：返回一个
URLSearchParams实例，该属性是Location对象没有的 - URL.hash：返回片段识别符，以井号
#开头 - URL.password：返回域名前面的密码
- URL.username：返回域名前面的用户名
URL 接口静态方法 & URLSearchParams 对象
URL.createObjectURL()：用来为上传/下载的文件、流媒体文件生成一个 URL 字符串
URL.createObjectURL()：生成的 URL 实例。它的参数就是URL.createObjectURL()方法返回的 URL 字符串
URLSearchParams.append()：append()方法用来追加一个查询参数。它接受两个参数，第一个为键名，第二个为键值，没有返回值
URLSearchParams.delete()方法用来删除指定的查询参数
写在最后
以上习题&笔记从大佬们的论坛学习而来，特感谢大佬们的知识分享～ （学习技术知识，果然要看大佬们的技术博客，大家有好的推荐也欢迎指引我这个小白哈，感恩！）
附上学习链接，感谢这些大佬出题和解答： wangdoc.com/javascript/…
