JS获取当前页面url传参

最新推荐文章于 2025-09-30 08:49:56 发布

原创最新推荐文章于 2025-09-30 08:49:56 发布 · 882 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web前端 #javscript #JS方法

web前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于从当前页面URL中解析并获取特定的参数值。通过使用split方法，该函数能够处理URL中的查询字符串，将其转换为数组，并进一步解析出所需的参数及其对应的值。

JS获取当前页面url传参

function geturl(data) {    //获取当前页面路径传参
    //   var url = document.location.toString();	//获取当前页面路径，我这里在本地写的一个页面路径进行参考
    var url = 'http://www.baidu.com?id=10&sex=nam';
    //从问号之后进行切割,split将会把一个字符串转换成一个数组
    var Objs = url.split("?");
    //数组长度大于1才会执行
    if (Objs.length > 1) {
        //取数组第二位从&进行开始切割，数组index默认从0开始，因为split把字符串转换成数组，所以要取第二位，因为第二位是我们要的值
        var arr = Objs[1].split("&");
        var newarr;//建立一个新数组，用来保存我们要的值
        for (var i = 0; i < arr.length; i++) {
            //把等号后面的值丢到arr这个数组
            newarr = arr[i].split("=");
            if (newarr != null && newarr[0] == data) {
                //取第二位的值，split和上面一样的原理
                return newarr[1];
            }
        }
    }
}
console.log(geturl('id'), geturl('sex'))