【js工具类方法】截取地址栏参数

最新推荐文章于 2023-05-22 16:56:48 发布

原创最新推荐文章于 2023-05-22 16:56:48 发布 · 678 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js工具方法

js工具库专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，用于从URL中提取特定的查询参数。通过实例演示了如何使用此函数来获取URL中的'motto'参数值。

function getParameter(param){
    var query = window.location.search;
    var iLen = param.length;
    var iStart = query.indexOf(param);
    if (iStart == -1){
        return "";
    }
    iStart += iLen + 1;
    var iEnd = query.indexOf("&", iStart);
    if (iEnd == -1){
        return query.substring(iStart);
    }
    return query.substring(iStart, iEnd);
}

举例

假设有一个url:

http://www.foo.com?name=ckp&motto=peace_work&sex=boy

我们想取得 motto 对应的参数 peace_work
只需 getParameter(‘motto’)
即可得到‘peace_work’

讲解(讲给我自己):

function getParameter(param){
    var query = '?name=ckp&motto=peace_work&sex=boy'
    console.log(query)
    var iLen = param.length;
    console.log('参数长度为: '+iLen);
    var iStart = query.indexOf(param);
    console.log('motto位置: '+iStart)
    if (iStart == -1){
        return "";
    }
    iStart += iLen + 1;
    console.log('开始截取位置: '+iStart)
    var iEnd = query.indexOf("&", iStart);
    console.log('截取终止位置: '+iEnd)
    if (iEnd == -1){
        return query.substring(iStart);
    }
    console.log('所得结果为: '+query.substring(iStart, iEnd));
    return query.substring(iStart, iEnd);
}
    getParameter('motto');