美文网首页
js操作浏览器Url

js操作浏览器Url

作者: 隆long | 来源:发表于2018-05-14 08:26 被阅读0次

1.获取url中的参数

  function getUrlParam(name) {
   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
   var r = window.location.search.substr(1).match(reg); //匹配目标参数
   if (r != null) return decodeURI(r[2]); return null; //返回参数值
  }

2.在指定url栏附加参数或替换参数值

function urlAppendParaIndexUrl(paraName,paraValue,currentUrl){
    currentUrl=decodeURI(currentUrl);
    var urlLastWord=currentUrl.substr(-1);
    var newUrl=currentUrl//要返回的结果
    if (currentUrl.indexOf("?")<0){
    //说明没有参数
    newUrl+="?"+paraName+"="+paraValue;
    }else if(urlLastWord=="#"){
    //说明有个#
    newUrl=currentUrl.replace("#","?"+paraName+"="+paraValue);
    }else{
    //说明有参数
    var isHave=getUrlParam(paraName)
    if(isHave==null){
    //说明当前url没有要添加的参数类型
    newUrl+="&"+paraName+"="+paraValue;
    }else{
    //说明当前url有要添加的参数类型,不能附加,要替换
    newUrl=newUrl.replace(paraName+"="+isHave,paraName+"="+paraValue);
    }
    
    }
    return newUrl;
    }

3.删除Url中的指定参数

function urlDelpara(paraName,url){
    regExp=new RegExp(paraName+"=.+?&");//正则表达式加?表明使用非贪心模式
    result=url.replace(regExp,"");
    r=new RegExp("&"+paraName+"=.+");//这是考虑该参数再最后面的情况
    result=result.replace(r,"");
    r=new RegExp(paraName+"=.+");//这是考虑只有一个参数的情况
    result=result.replace(r,"");
    if(result.indexOf("?")==(result.length-1)){
    //如果最后一个是?
        result=result.replace("?","");
    }
    return result;
}

相关文章

  • js操作浏览器Url

    1.获取url中的参数 2.在指定url栏附加参数或替换参数值 3.删除Url中的指定参数

  • 获取浏览器URL后面的参数

    获取浏览器URL后面的参数代码截图 js 代码

  • 前端面试题总结DD一面

    1. 浏览器输入url地址后进行的一系列操作 (1)域名解析:浏览器获得url地址,向操作系统请求该url对应的i...

  • selenium IDE 指令

    操作类型——Action 浏览器操作 open(https://www.sogou.com/) 打开url。 go...

  • JS 9-17

    JS的理解 基于事件 基于用户操作 JS的组成 Ecmscript 核心语法 Bom 使得js能够操作浏览器的办法...

  • Node.js 实现浏览器打开链接

    在 Node.js 中实现在浏览器中打开指定 URL。 利用 Node.js 提供的 child_process....

  • react(ES6)好用的插件

    Url: 处理浏览器参数 js-cookie: cookie处理 accounting: 对金额进行处理 reac...

  • node.js学习笔记一

    js运行环境? 浏览器:请求一个HTTP地址,将一个url地址封装成一个请求报文,将响应报文解析 浏览器中的js可...

  • 2019-03-22

    牧客科技 HTML5的了解 js闭包 js继承 ajax优缺点 http与https比较 浏览器输入url过程 l...

  • 协议拦截

    js调用OC 只需要正常一个url定向 OC中的操作 oc调用js 先在js中约定一个js方法备用 webView...

网友评论

      本文标题:js操作浏览器Url

      本文链接:https://www.haomeiwen.com/subject/clqddftx.html