js获取、修改url中参数

最新推荐文章于 2024-07-17 16:54:09 发布

转载最新推荐文章于 2024-07-17 16:54:09 发布 · 144 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Undo-self-blog/p/9340254.html

本文介绍了一种实用的方法来处理URL中的参数，包括获取、添加及删除等操作。这些JavaScript函数可以帮助开发者轻松地对URL参数进行读写管理。

//获取url的参数
function getParam(paramKey){
    //获取当前URL
    var url = location.href;
    //获取要取得的get参数位置
    var get = url.indexOf(paramKey +"=");
    if(get == -1){
        return "";
    }
    //截取字符串
    var getParamStr = url.slice(paramKey.length + get + 1);
    //判断截取后的字符串是否还有其他get参数
    var nextparam = getParamStr.indexOf("&");
    if(nextparam != -1){
        getParamStr = getParamStr.slice(0, nextparam);
    }
    return decodeURIComponent(getParamStr);
}

//添加url参数
function addParam(url,paramKey,paramVal){
    var andStr = "?";
    var beforeparam = url.indexOf("?");
    if(beforeparam != -1){
        andStr = "&";
    }
    return url + andStr + paramKey + "="+ encodeURIComponent(paramVal);
}

//删除url参数
function delParam(url,paramKey){
    var urlParam = url.substr(url.indexOf("?")+1);
    var beforeUrl = url.substr(0,url.indexOf("?"));
    var nextUrl = "";

    var arr = new Array();
    if(urlParam!=""){
        var urlParamArr = urlParam.split("&");

        for(var i=0;i<urlParamArr.length;i++){
            var paramArr = urlParamArr[i].split("=");
            if(paramArr[0]!=paramKey){
                arr.push(urlParamArr[i]);
            }
        }
    }

    if(arr.length>0){
        nextUrl = "?"+arr.join("&");
    }
    url = beforeUrl+nextUrl;
    return url;
}

说明：转自其他，具体地址忘了

转载于:https://www.cnblogs.com/Undo-self-blog/p/9340254.html