JavaScrip获取页面之间跳转传递的参数

作为一个新手小白，还有很多知识需要我去不断积累学习，本篇文章虽然很简单，但是好记性不如烂笔头嘛，作为我自己个人笔记应该还是可以的，也请看到本篇文章的各位大神多多提出不足之处！

话不多说，下面就进入正题吧！

JavaScript如何获取页面之间跳转传递的参数：

就以登录成功后跳转其他页面为例：

1.登录成功后跳转其他页面，登录页面对应的js的主要代码（此案例传递的是登录时填写的用户账号，也可传递多个，方法一样，只要在后面加上你想传递的参数即可）：

//alert("登录成功！");
window.location.href = "picture.html?username=" + account;

2.登录成功后在picture对应的js中获取login.js传递的参数：

//获取登录页面传递的URL并提取出其中的参数
function get_URL() {
    var tmpArr, QueryString;
    var testpaperName;
    var URL = document.location.toString(); //获取带参数的URL
    console.log(URL);
    if(URL.lastIndexOf("?") != -1) {
        QueryString = URL.substring(URL.lastIndexOf("?") + 1, URL.length);
        tmpArr = QueryString.split("&"); //分离参数
        console.log(tmpArr);
        for(i = 0; i <= tmpArr.length; i++) {
            try {
                eval(tmpArr[i]);
            } catch(e) {
                var re = new RegExp("(.*)=(.*)", "ig");
                re.exec(tmpArr[i]);
                try {
                    eval(RegExp.$1 + "=" + "\"" + RegExp.$2 + "\"");
                } catch(e) {}
            }
        }
    } else {
        QueryString = "";
    }
    if(username) {
        testpaperName = unescape(username);
        console.log(testpaperName);
        $('#h2TestpaperName').html(testpaperName);
    }
    return testpaperName;  //此变量就是我们从login.js传递的url中提取的参数：username（用户账号）
}

JavaScrip获取页面之间跳转传递的参数

猜你喜欢