想要通过GET方法从URL获取值，然后想在我的标题区域的右上角显示这些值

Question

我想通过GET方法从URL获取值，然后想在标题区域的右上角显示这些值。

function GetUrlValue(variable)
 {    
    var SearchString = window.location.search.substring(1);
    var VariableArray = SearchString.split('&');
        for (var i = 0; i < VariableArray.length; i++)
        {
            var KeyValuePair = VariableArray[i].split('=');
            if (KeyValuePair[0] == variable)
            {
                return KeyValuePair[1];
            }
        }
}

Answer 1

你上面的代码不会得到第一个查询字符串值，只有子查询字符串值，当你拆分时，第一个qs值将跟随一个？

请尝试下面的代码。我使用了这篇文章中的一个答案来获取查询字符串值，并添加了一些基本的HTML和CSS

function getParameterByName(name) {
    
    //var url = window.location.search
    var url = 'http://example.com?email=[e-mail]&username=myusername';
    
    var match = RegExp('[?&]' + name + '=([^&]*)').exec(url);
    return match && decodeURIComponent(match[1].replace(/+/g, ' '));
}
$( document ).ready(function() {  
    var email = getParameterByName('email');
    var username = getParameterByName('username');
    $("#userDetails").text(email + ' ' + username)
});

#header{
    top:0;
    left:0;
    right:0;
    position: absolute;
    height:30px;
    width:100%;
    background-color:blue;
}
#userDetails {
    float: right;
    color: #fff;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="header">
    <div id="userDetails"></div>
</div>