如何通过url将参数传递给javascript并将其显示在页面上？

Question

例如,我有一个这样的网址:www.mysite.com/my_app.html

如何将值"Use_Id = abc"传递给它并使用javascript在该页面上显示？

Answer 1

在不需要外部库的情况下编写自己的文件应该不会太难.

// www.mysite.com/my_app.html?Use_Id=abc 

var GET = {};
var query = window.location.search.substring(1).split("&");
for (var i = 0, max = query.length; i < max; i++)
{
    if (query[i] === "") // check for trailing & with no param
        continue;

    var param = query[i].split("=");
    GET[decodeURIComponent(param[0])] = decodeURIComponent(param[1] || "");
}

用法:GET.Use_id或GET["Use_id"].您还可以检查参数是否存在,即使它具有空值"Use_id" in GET(将返回true或false).

Answer 2

打电话给页面 www.mysite.com/my_app.html?Use_Id=abc

然后在该页面中使用javascript函数,如:

var urlParam = function(name, w){
    w = w || window;
    var rx = new RegExp('[\&|\?]'+name+'=([^\&\#]+)'),
        val = w.location.search.match(rx);
    return !val ? '':val[1];
}

要使用它:

var useId = urlParam('Use_Id');

第二个参数w是可选的,但如果要读取iframe或父窗口上的参数,则非常有用.