Javascript带参URL

在Web开发中，我们经常需要给URL带上参数，以便在页面之间传递数据。Javascript是一种非常流行的语言，它可以方便地实现在URL中设定带参。

每个URL都有一个查询字符串(Query String)，这个字符串可以用来传递参数。它由一个问号后面跟着一个或多个键值对组成，每个键值对之间用"&"符号分隔。

http://www.example.com?name=michael&age=30

上面的URL中，name和age就是两个参数，它们的值分别是michael和30。在Javascript中，我们可以通过window.location.search获取当前URL的查询字符串，然后用字符串处理函数来解析它。

// 获取查询字符串
var querystring = window.location.search;
// 去掉开头的问号
querystring = querystring.substring(1);
// 按照"&"分隔字符串
var parameters = querystring.split("&");
// 将键值对解析出来
var result = {};
for (var i = 0; i< parameters.length; i++) {
var parts = parameters[i].split("=");
var key = parts[0];
var value = decodeURIComponent(parts[1]);
result[key] = value;
}
// 使用解析出来的参数
console.log(result.name);
console.log(result.age);

上面的代码演示了如何从查询字符串中解析出参数。首先使用window.location.search获取查询字符串，然后去掉开头的问号，再用split函数按照"&"分隔字符串。接着将每个键值对解析出来，存储在一个对象中。最后，就可以使用这个对象来访问参数值。

如果我们想要在Javascript中动态地创建带参URL，可以使用以下代码：

var url = "http://www.example.com?" + encodeURIComponent("name") + "=" + encodeURIComponent("michael") + "&" + encodeURIComponent("age") + "=" + encodeURIComponent("30");
window.location.href = url;

上面的代码首先创建一个URL，其中包含了两个参数name和age。为了防止参数值中出现特殊字符，我们使用了encodeURIComponent函数对它们进行编码。最后，将这个URL赋值给window.location.href，就可以跳转到这个页面。

Javascript带参URL用来传递数据非常方便，可以让页面之间实现简单的参数传递，实现动态跳转。在实际开发中，我们需要对URL的长度做出限制，以免传递的数据过多导致URL过长。另外，也需要对参数值进行安全性验证，防止黑客攻击。