这里的url 是指一个网站链接

例如: https://baidu.com?a=1&b=2

下面看一下封装的代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script></head><body><div id="aaaa"></div><script>var funcUrlDel = function(name) {var loca = window.location;var baseUrl = loca.origin + loca.pathname + "?";console.log('loca.hash',loca)var query = decodeURIComponent(loca.search.split('?')[1]);if(!query){return loca}if (loca.href.indexOf(name) > -1) {var obj = {}console.log('query',query)var arr = query.indexOf('&')>-1?query.split("&"):[query];for (var i = 0; i < arr.length; i++) {arr[i] = arr[i].split("=");obj[arr[i][0]] = arr[i][1];};delete obj[name];var url = baseUrl + JSON.stringify(obj).replace(/[\"\{\}]/g, "").replace(/\:/g, "=").replace(/\,/g, "&");return url};}document.getElementById('aaaa').innerHTML=funcUrlDel('c')</script></body>
</html>

使用方法: 首先,你要删除的参数,得在你的链接里面存在。如果不存在的话,就会返回原来的路径

看效果图:

二:在VUE中的删除URL路径中的参数。

为什么要在VUE单独写一个,因为VUE的路径有 #/ ,比较操蛋, 例如:http://laa.ein.cn:8080/#/?a=1&v=1.1.121123114

下面直接上VUE的代码

// 删除url中某个参数_this.prototype.funcUrlDel = function(name) {var loca = window.location;var baseUrl = loca.origin + loca.pathname + "?";var query = decodeURIComponent(loca.hash.split('?')[1]);if(!query){return loca}if (loca.href.indexOf(name) > -1) {var obj = {}console.log('query',query)var arr = query.indexOf('&')>-1?query.split("&"):[query];for (var i = 0; i < arr.length; i++) {arr[i] = arr[i].split("=");obj[arr[i][0]] = arr[i][1];};delete obj[name];var url = loca.origin+'/#/?' + JSON.stringify(obj).replace(/[\"\{\}]/g, "").replace(/\:/g, "=").replace(/\,/g, "&");console.log('uuuuuuu',url)return url};}

删除url中某个参数相关推荐

  1. url去除掉一个参数php,php怎样去掉url中的参数_后端开发

    php去掉url中的参数的要领是:能够经由过程trim()函数来完成.该函数能够删除字符串中的指定字符,并返回已修正的字符串.细致使用要领如:[trim($url,"?");tri ...

  2. 如何获取URL中的参数

    获取URL中的参数 1. 使用JS函数获取URL参数 使用示例 2. Angular应用中,从URL中获取参数信息的方法 使用示例 ActivatedRoute属性 1. 使用JS函数获取URL参数 ...

  3. 解决JS在url中传递参数时参数包含中文乱码的问题

    解决JS在url中传递参数时参数包含中文乱码的问题 参考文章: (1)解决JS在url中传递参数时参数包含中文乱码的问题 (2)https://www.cnblogs.com/xushengguan/ ...

  4. php获取url传递的参数,php解析url并得到url中的参数及获取url参数的四种方式

    下面一段代码是php解析url并得到url中的参数,代码如下所示:<?php $url = "http://www.baidu.com/index.php?m=content& ...

  5. php解析url并得到url中的参数及获取url参数的四种方式

    本文给大家介绍php解析url并得到url中的参数及获取url参数的四种方式,涉及到将字符串参数变为数组,将参数变为字符串的相关知识,本文代码简单易懂,感兴趣的朋友一起看看吧 下面一段代码是php解析 ...

  6. 【Nginx】截取URL中某个参数Parameter

    前言 nginx 1.15.11(下面的代码在此版本测试通过) 截取URL中某个参数Parameter 假设,截取参数method的值.当method=autoGenerateIndex时,截取到au ...

  7. 【Tomcat】解决GET方式传递的参数(URL中的参数)乱码问题

    在Tomcat中(其它的webserver中也一样),参数可以通过GET和POST方式传递.通过GET和POST方式传递的参数,遇到乱码时的解决办法也不一样. 在Tomcat中遇到GET方式传递的参数 ...

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

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

  9. PHP解析URL并得到URL中的参数

    <?php//例举一个URL格式的字符串: $str = 'http://test.com/testdir/index.php?param1=10&param2=20&param ...

最新文章

  1. 给Eclipse提速的7个技巧(转)
  2. C++中虚函数与多态实现
  3. fuse的API修改
  4. 为什么是容器,Docker和Kubernetes?
  5. 在Hibernate,EhCache,Quartz,DBCP和Spring中启用JMX
  6. HH SaaS电商系统的物流单设计
  7. linux基础知识——僵尸进城和孤儿进程
  8. Python实现AES加密进行PKCS5Padding的填充
  9. Swift中文教程(十四) 初始化
  10. jsp mysql简单登录_简单的登录页面,实现增删改查运用jsp/servlet和mysql数据库免费分享...
  11. 深度剖析Java数据结构之表(三)——ArrayList泛型类的实现
  12. 【打卡算法】 26、删除有序数组中的重复项 算法解析
  13. 笔记本UIOP几个键总是输入数字的问题
  14. 阿里云申请免费SSL证书
  15. 英语affrike非洲affrike单词
  16. Vue组件-卡片动画倒计时
  17. Go语言解决go get失败的问题
  18. android ListView详解
  19. matlab中画圆圈,如何在Matlab中绘制圆圈?
  20. 除了刺激战场和全军出击,最近还有哪些好玩的手游值得推荐?

热门文章

  1. Docker将容器制作成镜像并提交到远程仓库
  2. 5793. 【NOIP2008模拟】小S练跑步
  3. 301 Remove Invalid Parentheses 删除无效的括号
  4. Thrift源码解析--TBinaryProtocol
  5. 快速排序的实现与注意点
  6. javascript数组集锦
  7. MySQL查询随机数据的4种方法和性能对比
  8. 12-09关于几种排序方式
  9. BZOJ-1005 明明的烦恼
  10. Oracle:递归查询(树形结构数据)