根据动态网址设置JavaScript变量

Question

是否有人知道会检测页面动态URL的javascript代码（？q = Chicken）并设置一个名为“ query”的javascript变量。 然后，我想将变量显示为文本。

这将全部加载。 文本框也可以做到吗？ （输入类型文本-设置要查询的文本）

我不能使用ASP的php。 只是html和javascript！

Answer 1

看一下这个问题： 在Web浏览器中获取当前URL

拥有完整的URL后，您应该能够使用正则表达式或您可以想到的其他任何方法来解析它。 然后，您可以将html元素的文本设置为该查询。 或者，您可以创建一个全新的元素并将其附加到某处

Answer 2

您可以使用

document.location.search

Answer 3

正则表达式可能会变得非常混乱。 请改用以下Stackoverflow答案：

如何获取JavaScript中的查询字符串值？

（它链接到http://css-tricks.com/snippets/javascript/get-url-variables/ ，该链接建议使用此代码段：）

function getQueryVariable(variable)
{
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if(pair[0] == variable){return pair[1];}
  }
  return(false);
}

用法：

输入以下网址： http : //www.example.com/index.php?id=1& image= awesome.jpg

调用getQueryVariable("id") -将返回“ 1”。 调用getQueryVariable("image") -将返回“ awesome.jpg”。