js new URL解析地址

最新推荐文章于 2024-05-31 08:30:00 发布

拾荒李

最新推荐文章于 2024-05-31 08:30:00 发布

阅读量1k

点赞数

分类专栏：技术文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/woyebuzhidao321/article/details/126617760

版权

技术专栏收录该内容

61 篇文章 9 订阅

订阅专栏

vscode里面有这样一段代码

const searchParams = new URL(document.location.href).searchParams;
const vscodeWebWorkerExtHostId = searchParams.get('vscodeWebWorkerExtHostId') || '';
const name = searchParams.get('debugged') ? 'DebugWorkerExtensionHost' : 'WorkerExtensionHost';
const parentOrigin = searchParams.get('parentOrigin') || window.origin;
const salt = searchParams.get('salt');
/**
window.origin
-> 'https://segmentfault.com'
location.hostname
-> 'segmentfault.com'
*/

看起来解析路径参数很方便

我们看看它还有哪些方法

const urlParams = new URL(window.location.href);
urlParams.searchParams.has("topic") === true; // true
urlParams.searchParams.get("topic") === "api"; // true
urlParams.searchParams.getAll("topic"); // ["api"]
urlParams.searchParams.get("foo") === ""; // true
urlParams.searchParams.append("topic", "webdev");
urlParams.searchParams.toString(); // "q=URLUtils.searchParams&topic=api&topic=webdev"
urlParams.searchParams.set("topic", "More webdev");
urlParams.searchParams.toString(); // "q=URLUtils.searchParams&topic=More+webdev"
urlParams.searchParams.delete("topic");
urlParams.searchParams.toString(); // "q=URLUtils.searchParams"