google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






JavaScript Get URL Parameters  

Submit day 20/12/2010 You do not write comment in this script 1

0
store

JavaScript Get URL Parameters In this JavaScript tutorial article, the author shows you 2 JavaScript solutions (small JavaScript codes) to get current JavaScript URL parameters. They're very easy to try and use, let check them by yourself.

Perhaps you would like to check more our JavaScript tutorials:
- Current Document URL Displayer
- Obtaining the URL of the Referring Document


Label: JavaScript get parameter, JavaScript URL parameters, get URL JavaScript, URL Parameters

Report to us error of this JavaScript

Free iPage Web Hosting for First Year NOW



If you're still looking for a reliable web host provider with affordable rates, why you don't take a little of time to try iPage, only with $1.89/month, included $500+ Free Extra Credits for the payment of 24 months ($45)?

Over 1,000,000+ existisng customers can not be wrong, definitely you're not, too! More important, when you register the web hosting at iPage through our link, we're going to be happy for resending a full refund to you. That's awesome! You should try iPage web hosting for FREE now! And contact us for anything you need to know about iPage.
Try iPage for FREE First Year NOW

I found 2 simple solutions to reading GET variables with JavaScript.
They use either 'document.location' or 'window.location.href' to ready the URL and split it.

The first example I found here:

01.function getURLVar(urlVarName) {
02.    //divide the URL in half at the '?'
03.    var urlHalves = String(document.location).split('?');
04.    var urlVarValue = '';
05.    if(urlHalves[1])
06.    {
07.        //load all the name/value pairs into an array
08.        var urlVars = urlHalves[1].split('&');
09.        //loop over the list, and find the specified url variable
10.        for(i=0; i<=(urlVars.length); i++)
11.        {
12.            if(urlVars[i])
13.            {
14.                //load the name/value pair into an array
15.                var urlVarPair = urlVars[i].split('=');
16.                if (urlVarPair[0] && urlVarPair[0] == urlVarName)
17.                {
18.                    //I found a variable that matches, load it's value into the return variable
19.                    urlVarValue = urlVarPair[1];
20.                }
21.            }
22.        }
23.    }
24.    return urlVarValue;
25.}
26. 
27.document.write('name = ' + getURLVar('name'));

The 2nd I found here. This one is a bit more simple.

01.function getUrlVars()
02.{
03.    var vars = [], hash;
04.    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
05.    for(var i = 0; i < hashes.length; i++)
06.    {
07.        hash = hashes[i].split('=');
08.        vars.push(hash[0]);
09.        vars[hash[0]] = hash[1];
10.    }
11.    return vars;
12.}
13. 
14.var getvars = getUrlVars();
15. 
16.document.write('name = ' + getvars['name']);

I don't really like this solution because you get 'undefined' if you select a variable that does not exist. But that may be what you want to see if a variable is present in the URL.

I simplified the first example using the slice/split idea from the 2nd example and came up with a better solution:

01.function getURLVar(urlVarName) {
02.    var urlVars = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
03.    for(i=0; i<=(urlVars.length); i++)
04.    {
05.        if(urlVars[i])
06.        {
07.            var urlVarPair = urlVars[i].split('=');
08.            if (urlVarPair[0] && urlVarPair[0] == urlVarName)
09.            {
10.                return urlVarPair[1];
11.            }
12.        }
13.    }
14.    return "";  // Remove this if you want it to return 'undefined' when a variable does not exist in the URL.
15.}
16. 
17.document.write('name = ' + getURLVar('name'));
by ukra city, 28/12/2010 08:12 PM
 Reply
Good ideas are common - what
by Preview
Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted






B I U URL IMG QUOTE LEFT CENTER RIGHT CODE


AIVideo-App.com
Generate your business videos by AI with voice or just text

chatGPTaz.com
Talk to ChatGPT by your mother language

AppAIVideo
Your first FREE AI Video App

Deepfake Video
Deepfake AI Video Maker

Deepfake
Deepfake AI Video Maker

AI Deep Fake
Deepfake AI Video Maker

AIvidio
AI Video Mobile Solutions

AIvideos
AI Video Platform & Solutions

AIvedio
AI Video App Maker

Faceswap AI Online
Swap Faces Video, Photo & GIFs Instantly with Powerful AI Tools - Faceswap AI Online FREE

Faceswap AI Online
Swap Faces Video, Photo & GIFs Instantly with Powerful AI Tools - Faceswap AI Online FREE

Temu Free $500 for New Users
Claim Free Temu $500 Credit via Affiliate & Influencer Program

Free TikTok Ads Credit
Master TikTok Ads for Your Business Marketing

Dall-E-OpenAI.com
Generate creative images automatically with AI

chatGPT4.win
Talk to ChatGPT by your mother language

First AI Product from Elon Musk - Grok/UN.com
Speak to Grok AI Chatbot with Your Language

Tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

GateIO.gomymobi.com
Free Airdrops to Claim, Share Up to $150,000 per Project

iPhoneKer.com
Save up to 630$ when buy new iPhone 16

Buy Tesla Optimus Robot
Order Your Tesla Bot: Optimus Gen 2 Robot Today for less than $20k

Cool Domains for Sale!
CryptoKD.com gomy.mobi lend.services hearf.com gomymobi.com ChainTutor.com ChatTotal.com javascriptON.com GrokUN.com XMQV.com AI-Trading-Bot.com chatGPTaz.com CTRCoin.com MetaTru.com CreditCard.rip index.services Dall-E-OpenAI.com eChainBank.com pornID.net system.money AIvideo-app.com ABP3.com chatGPT4.win gomymobi.com gomy.mobi Card.rip war.money JavaScriptBank.com ApexBTC.com ZWVQ.com chatGPT2.fun
  • Super Hot PHP scripts
Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:
20/12/2010
Code Reference [more]
21,870
1
0
0
24.33 KBytes
JavaScript Get URL Parameters 0/5 0 votes / 21,870 previews / 1 comment 20/12/2010 In this JavaScript tutorial article, the author shows you 2 JavaScript solutions (small JavaScript codes) to get current...JavaScript Get URL Parameters - JavaScript Get URL Parameters

JavaScript by day


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web