根据动态网址设置javascript变量

时间:2014-03-15 18:32:51

标签: javascript html forms web dynamic-url

是否有人知道将检测页面动态网址的javascript代码(?q = Chicken)并设置一个名为' query'的javascript变量。然后我想将变量显示为文本。

这将全部上传。 这也可以用文本框完成吗? (输入类型文本 - 设置要查询的文本)

我不能使用asp的php。只是html和javascript!

3 个答案:

答案 0 :(得分:0)

看看这个问题:Get current URL in web browser

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

答案 1 :(得分:0)

您可以使用

访问参数
document.location.search

答案 2 :(得分:0)

正则表达式会变得非常混乱。请查看此Stackoverflow答案:

How can I get query string values in 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") - 将返回&#34; 1&#34;。 致电getQueryVariable("image") - 将返回&#34; awesome.jpg&#34;。