1.首先写一个假的地址(q=URLUtils.searchParams&topic=api)相当于当前的window.location.href

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"

是不是很好用?参考(https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams#%E7%A4%BA%E4%BE%8B)

转载于:https://www.cnblogs.com/lanshu123/p/10668320.html

javascript中new url()属性,轻松解析url地址相关推荐

  1. JavaScript中hoisting(悬置/置顶解析/预解析) 实例解释,全局对象,隐含的全局概念...

    JavaScript中hoisting(悬置/置顶解析/预解析) 实例解释,全局对象,隐含的全局概念 <html><body><script type="tex ...

  2. 在 JavaScript 中访问对象属性的 3 种方法

    您可以通过 3 种方式访问 JavaScript 中对象的属性: 点属性访问器:object.property 方括号属性访问:object['property'] 对象解构:const { prop ...

  3. 删除javaScript中对象的属性

    删除javaScript中对象的属性 语法 delete 对象.属性;

  4. php url无效,PHP解析URL并失去URL中的参数

    PHP解析URL并得到URL中的参数 $param) { $tmp[] = $k.'='.$param; } $params = implode('&',$tmp); return $para ...

  5. java中domain什么意思_java解析URL中domain、端口和协议的两种方法

    java解析URL中domain.端口和协议的两种方法 Java代码 收藏代码 @Test public void parseDomain() throws IOException { for (in ...

  6. JavaScript中window对象属性,时间等的总结

    Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY.FRAMESET或 FRAME元素时,都会自动建立window对象的实例. ...

  7. html中的js作用,javascript中的innerHTML属性有什么作用

    innerHTML在javaScript中具有双向功能,一是可以从指定的元素对象中获取内容,二是可以把自定义内容插入到指定的元素对象中去. 定义和用法 innerHTML属性用于设置或返回指定标签之间 ...

  8. php 分析url函数,PHP 解析URL函数 parse_url()函数

    在PHP中 parse_url()函数的使用,parse_url-解析 URL,返回其组成部分. mixed parse_url ( string $url [, int $component = - ...

  9. JavaScript 中对象的属性类型

    对象的属性类型 JavaScript 中的对象的属性包括数据属性和访问器属性,在 JavaScript 引擎的内部实现中定义了用于描述属性(property)的特性(attribute).规范中将特性 ...

最新文章

  1. java 将整型数组内容写入txt文件_Java自学-I/O 字节流
  2. 遴选中计算机类,计算机卓越班遴选办法-计算机学院
  3. ajax只能用get吗,基本的Ajax,但无法使用GET或POST方法
  4. 计算机的主存储器可以分为哪两类,2017年计算机应用基础模拟试题「答案」(2)...
  5. 【EasyUI tree】Python 异步菜单树的实现
  6. android 线程池
  7. wordpress插件-WP Rocket3.8.8与Rocket3.9.1双版本/火箭缓存插件免授权汉化版
  8. SQLServer 语句相关
  9. html中怎么点按钮切换图片,如何只用css实现点击按钮切换图片
  10. 解决GBK字符转UTF-8乱码问题
  11. php5.6 mongo 扩展,docker php5.6镜像创建,包括常用扩展安装
  12. CUDA-NPP图像和视频处理
  13. python卸载pip重新安装_pip的卸载、重装、升级(from pip19.3 to pip20.1)
  14. vb.net设置分辨率和缩放比例_配置高不一定性能强,Win 10做好这些设置才能“6到飞起”!...
  15. 京东(保险)部门直推面经
  16. .NET in China - What's New in .NET
  17. KVM之父的新作ScyllaDB:用C++开发的Cassandra兼容列数据库,性能提升10倍
  18. 【写作中的复杂名词短语练习题】前置与后置修饰
  19. 安卓开发之EventBus使用
  20. 什么是二级指针和为什么要用二级指针

热门文章

  1. 数据库备份,及清理备份计划
  2. Freecms商业版 oracle添加信息时报错”转换请求无法实施或不合理”
  3. 你好,欢迎来到我的空间,
  4. 网站导航(站点地图)
  5. practice:如何使用2008R2上的AD管理中心
  6. Java SQL注入学习笔记
  7. MVC在添加控制器的时候发现没有添加的选项了?肿么办?
  8. bootstrap - 弹出层
  9. oracle子接点与父节点上下级关系数据库查询语句,及联查询,
  10. Ubuntu Touch未来支持对用户数据加密