美文网首页js
js读取URL中的参数、修改URL参数

js读取URL中的参数、修改URL参数

作者: world_7735 | 来源:发表于2018-08-14 04:46 被阅读85次

    1、读取URL中的参数值

    /*
    *获取URL参数
    */
    function GetQueryString(name)
    {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) {
            return unescape(r[2]);
        }
        return null;
    };
    

    调用方法:

    var nameVal=GetQueryString("URL上的参数名");
    
    //浏览器地址连上的地址为:
    http://www.aazj.cn/pc/meeting/card.html?skinColor=30&gid=-1&userId=566&modid=1133&puid=9
    //那么
    var userIdVal=GetQueryString("userId")   //值就等于566
    

    2、修改URL参数

    //替换指定传入参数的值,paramName为参数,replaceWith为新值
    function replaceParamVal(oUrl ,paramName,replaceWith) {
       // var oUrl = this.location.href.toString();
        var re=eval('/('+ paramName+'=)([^&]*)/gi');
        var nUrl = oUrl.replace(re,paramName+'='+replaceWith);
        this.location = nUrl;
    window.location.href=nUrl
    }
    

    调用举例

    //浏览器地址连上的地址为:
    var urlss=http://www.aazj.cn/pc/meeting/card.html?skinColor=30&gid=-1&userId=566&modid=1133&puid=9
    //加入希望修改userId的值为333,那么
    replaceParamVal(urlss,"userId","333")
    //URL就会变成
    http://www.aazj.cn/pc/meeting/card.html?skinColor=30&gid=-1&userId=333&modid=1133&puid=9

    相关文章

      网友评论

        本文标题:js读取URL中的参数、修改URL参数

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