Set javascript variable based on dynamic url

Question

Does anybody know a javascript code that will detect the dynamic url of the page (?q=Chicken) and setup a javascript variable called 'query'. I would then like to display the variable as text.

This will all be onload. Can this also be done with a textbox? (Input type text - set text to query)

I cannot use php of asp. Just html and javascript!

duplicate of http://stackoverflow.com/questions/901115/how-can-i-get-query-string-values-in-javascript — Banana, Mar 15 '14 at 18:36

score 0 · Answer 1 · edited May 23 '17 at 10:33

0

Take a look at this question: Get current URL in web browser

Once you have the full URL, you should be able to parse it using regexs or other any other method that you can think of. Then, you could just set the text of an html element to that query. Or you could create a whole new element and append it somewhere

edited May 23 '17 at 10:33

Community

1
1

answered Mar 15 '14 at 18:34

taylorc93

3,676
2
20
34

Way too complicated for me. Is there a simpler way? – JBithell Mar 15 '14 at 18:35

score 0 · Answer 2 · answered Mar 15 '14 at 18:38

0

You can access the parameters with

document.location.search

answered Mar 15 '14 at 18:38

Ishank Gupta

1,575
1
14
19

score 0 · Answer 3 · edited May 23 '17 at 12:34

Regex can get pretty messy. Check out this Stackoverflow answer instead:

How can I get query string values in JavaScript?

(it links to http://css-tricks.com/snippets/javascript/get-url-variables/ which suggests using this snippet of code:)

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);
}

Usage:

Given this url: http://www.example.com/index.php?id=1&image=awesome.jpg

Calling getQueryVariable("id") - would return "1". Calling getQueryVariable("image") - would return "awesome.jpg".

So I write something like this? document.write(getQueryVariable("id")); — JBithell, Mar 16 '14 at 07:36

Set javascript variable based on dynamic url

3 Answers3