How can I grab variable from URL using JavaScript and display it on screen?

Question

I am using the following script:

        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];}
       }
              var id_is = getQueryVariable("id");

document.write(id_is);

       return(false);

}

This script should grab the variable value and display it on screen. It only works if I use getQueryVariable("id"); in the console but using the document.write method it doesn't work. What am I doing wrong?

What you're doing wrong is using document.write() probably. You'll have to post more about what you're doing and what your page looks like to get more specific help. — Pointy
– Pointy, Commented Feb 7, 2015 at 21:44

Neysi Tuesta · Accepted Answer · 2015-02-07 21:55:15Z

2

You should call document.write when the page is loaded .

<script type="text/javascript">

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


var id_is = getQueryVariable("id");

window.onload = function(){
  document.write(id_is);
}
</script>

answered Feb 7, 2015 at 21:55

Neysi Tuesta

212 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user3377716 · Accepted Answer · 2015-02-07 21:51:21Z

0

You can create a function that gets the query parameter from a URL, such as this:

function getURLParameter(name) {
    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null
}

If the query is hello and it equals world, i.e. http://www.website.com/index.html?hello=world. Then you can use getURLParameter('hello') to return it.

answered Feb 7, 2015 at 21:51

user3377716

Comments

Nadeemmnn Mohd · Accepted Answer · 2015-02-07 23:13:09Z

0

var url =window.location.search;

function getQueryParam(name,url) {
    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(url)||[,""])[1].replace(/\+/g, '%20'))||null
}

var result=getQueryParam(id,url);
document.write(result);

answered Feb 7, 2015 at 23:13

Nadeemmnn Mohd

7345 silver badges14 bronze badges

Collectives™ on Stack Overflow

How can I grab variable from URL using JavaScript and display it on screen?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related