{"id":202498,"date":"2025-03-03T10:11:03","date_gmt":"2025-03-03T10:11:03","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/"},"modified":"2025-03-03T10:11:03","modified_gmt":"2025-03-03T10:11:03","slug":"how-to-get-parameter-value-from-url-in-javascript","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/","title":{"rendered":"How to get parameter value from URL in JavaScript?"},"content":{"rendered":"<p>Getting parameter values from a URL in JavaScript can be useful when working with web applications that handle query strings. By extracting these parameter values, you can dynamically adjust the content or behavior of your application based on the user&#8217;s input. Here&#8217;s how you can easily get parameter values from a URL in JavaScript:<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_62 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#1_Splitting_the_URL\" title=\"1. Splitting the URL\">1. Splitting the URL<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#2_Accessing_Window_Location\" title=\"2. Accessing Window Location\">2. Accessing Window Location<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#3_Retrieve_Single_Parameter_Value\" title=\"3. Retrieve Single Parameter Value\">3. Retrieve Single Parameter Value<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#4_Retrieve_Multiple_Parameter_Values\" title=\"4. Retrieve Multiple Parameter Values\">4. Retrieve Multiple Parameter Values<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#5_Check_if_Parameter_Exists\" title=\"5. Check if Parameter Exists\">5. Check if Parameter Exists<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#6_Handle_Missing_Parameters\" title=\"6. Handle Missing Parameters\">6. Handle Missing Parameters<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#7_Working_with_Hash_Parameters\" title=\"7. Working with Hash Parameters\">7. Working with Hash Parameters<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#8_Parsing_URL_Parameters\" title=\"8. Parsing URL Parameters\">8. Parsing URL Parameters<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#9_Updating_Parameter_Values\" title=\"9. Updating Parameter Values\">9. Updating Parameter Values<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#10_Encoding_and_Decoding_Parameters\" title=\"10. Encoding and Decoding Parameters\">10. Encoding and Decoding Parameters<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#11_Handling_URL_Fragments\" title=\"11. Handling URL Fragments\">11. Handling URL Fragments<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#12_URL_Parameter_Manipulation_Libraries\" title=\"12. URL Parameter Manipulation Libraries\">12. URL Parameter Manipulation Libraries<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"1_Splitting_the_URL\"><\/span>1. Splitting the URL<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>One way to get parameter values from a URL is to split the URL string and extract the desired parameters. Here&#8217;s an example code snippet that demonstrates this approach:<\/p>\n<p>&#8220;`javascript<br \/>\nfunction getParamValue(param) {<br \/>\n  const urlParams = new URLSearchParams(window.location.search);<br \/>\n  return urlParams.get(param);<br \/>\n}<\/p>\n<p>const paramValue = getParamValue(&#8216;paramName&#8217;);<br \/>\nconsole.log(paramValue);<br \/>\n&#8220;`<\/p>\n<p>In this code snippet, the `getParamValue` function takes a parameter name as input and uses the `URLSearchParams` object to extract the corresponding value from the URL.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"2_Accessing_Window_Location\"><\/span>2. Accessing Window Location<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Another method to get parameter values from a URL is by directly accessing the `window.location` object. Here&#8217;s an example code snippet that shows how to retrieve parameter values using this method:<\/p>\n<p>&#8220;`javascript<br \/>\nconst urlParams = new URLSearchParams(window.location.search);<br \/>\nconst paramValue = urlParams.get(&#8216;paramName&#8217;);<br \/>\nconsole.log(paramValue);<br \/>\n&#8220;`<\/p>\n<p>By calling `new URLSearchParams(window.location.search)`, you can easily access and retrieve parameter values from the URL.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"3_Retrieve_Single_Parameter_Value\"><\/span>3. Retrieve Single Parameter Value<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>To retrieve a single parameter value from a URL, you can use the `get` method provided by the `URLSearchParams` object. This method returns the value of the specified parameter.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"4_Retrieve_Multiple_Parameter_Values\"><\/span>4. Retrieve Multiple Parameter Values<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>If your URL contains multiple parameters, you can use the `getAll` method provided by the `URLSearchParams` object to retrieve an array of all values associated with a specific parameter.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"5_Check_if_Parameter_Exists\"><\/span>5. Check if Parameter Exists<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>You can check if a parameter exists in the URL by using the `has` method provided by the `URLSearchParams` object. This method returns a boolean value indicating whether the specified parameter is present in the URL.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"6_Handle_Missing_Parameters\"><\/span>6. Handle Missing Parameters<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>When getting parameter values from a URL, it&#8217;s essential to handle scenarios where a parameter may not exist. You can use conditional statements to check if a parameter value is `null` or `undefined` and handle it accordingly.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"7_Working_with_Hash_Parameters\"><\/span>7. Working with Hash Parameters<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>If your URL contains hash parameters (e.g., `example.com#paramName=paramValue`), you can still extract parameter values using the `URLSearchParams` object with `window.location.hash`.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"8_Parsing_URL_Parameters\"><\/span>8. Parsing URL Parameters<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In addition to using `URLSearchParams`, you can also parse URL parameters using regular expressions. This approach provides more flexibility but requires additional coding compared to the built-in methods provided by JavaScript.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"9_Updating_Parameter_Values\"><\/span>9. Updating Parameter Values<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>If you need to update or modify parameter values in the URL, you can use methods like `set` or `delete` provided by the `URLSearchParams` object to achieve this.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"10_Encoding_and_Decoding_Parameters\"><\/span>10. Encoding and Decoding Parameters<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>It&#8217;s essential to handle encoding and decoding of parameter values in URLs to avoid parsing errors. You can use functions like `encodeURIComponent` and `decodeURIComponent` to handle special characters in parameter values.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"11_Handling_URL_Fragments\"><\/span>11. Handling URL Fragments<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>When working with URL fragments (e.g., `example.com\/page#section`), you can still extract parameter values by combining `window.location.search` and `window.location.hash` to access both query string and fragment parameters.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"12_URL_Parameter_Manipulation_Libraries\"><\/span>12. URL Parameter Manipulation Libraries<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>If you require more advanced functionality for working with URL parameters, consider using libraries like `query-string` or `URLSearchParams` polyfills for broader browser compatibility and additional features.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>**In conclusion, to get parameter values from a URL in JavaScript, you can utilize the `URLSearchParams` object or directly access the `window.location` object. By employing these methods, you can extract, manipulate, and utilize parameter values in your web applications effortlessly.**<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Getting parameter values from a URL in JavaScript can be useful when working with web applications that handle query strings. By extracting these parameter values, you can dynamically adjust the content or behavior of your application based on the user&#8217;s input. Here&#8217;s how you can easily get parameter values from a URL in JavaScript: 1. &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to get parameter value from URL in JavaScript?\" class=\"read-more button\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#more-202498\">Read more<span class=\"screen-reader-text\">How to get parameter value from URL in JavaScript?<\/span><\/a><\/p>\n","protected":false},"author":51,"featured_media":107420,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86279],"tags":[],"class_list":["post-202498","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learn","no-featured-image-padding"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to get parameter value from URL in JavaScript?<\/title>\n<meta name=\"description\" content=\"Getting parameter values from a URL in JavaScript can be useful when working with web applications that handle query strings. By extracting these\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to get parameter value from URL in JavaScript?\" \/>\n<meta property=\"og:description\" content=\"Getting parameter values from a URL in JavaScript can be useful when working with web applications that handle query strings. By extracting these\" \/>\n<meta property=\"og:url\" content=\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/synchronyfinancial\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-03T10:11:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2024\/03\/faq.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Adam Forbes\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@synchrony\" \/>\n<meta name=\"twitter:site\" content=\"@synchrony\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Adam Forbes\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/\"},\"author\":{\"name\":\"Adam Forbes\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060\"},\"headline\":\"How to get parameter value from URL in JavaScript?\",\"datePublished\":\"2025-03-03T10:11:03+00:00\",\"dateModified\":\"2025-03-03T10:11:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/\"},\"wordCount\":597,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"articleSection\":[\"Learn\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/\",\"name\":\"How to get parameter value from URL in JavaScript?\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\"},\"datePublished\":\"2025-03-03T10:11:03+00:00\",\"dateModified\":\"2025-03-03T10:11:03+00:00\",\"description\":\"Getting parameter values from a URL in JavaScript can be useful when working with web applications that handle query strings. By extracting these\",\"breadcrumb\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/namso-gen.co\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to get parameter value from URL in JavaScript?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"description\":\"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co\",\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/namso-gen.co\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"contentUrl\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"width\":500,\"height\":164,\"caption\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\"},\"image\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/synchronyfinancial\",\"https:\/\/twitter.com\/synchrony\",\"https:\/\/www.youtube.com\/synchronyfinancial\",\"https:\/\/www.instagram.com\/synchrony\",\"https:\/\/www.linkedin.com\/company\/synchrony-financial\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060\",\"name\":\"Adam Forbes\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"Adam Forbes\"},\"description\":\"Guest author Adam Forbes has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to get parameter value from URL in JavaScript?","description":"Getting parameter values from a URL in JavaScript can be useful when working with web applications that handle query strings. By extracting these","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/","og_locale":"en_US","og_type":"article","og_title":"How to get parameter value from URL in JavaScript?","og_description":"Getting parameter values from a URL in JavaScript can be useful when working with web applications that handle query strings. By extracting these","og_url":"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/","og_site_name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","article_publisher":"https:\/\/www.facebook.com\/synchronyfinancial","article_published_time":"2025-03-03T10:11:03+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2024\/03\/faq.png","type":"image\/png"}],"author":"Adam Forbes","twitter_card":"summary_large_image","twitter_creator":"@synchrony","twitter_site":"@synchrony","twitter_misc":{"Written by":"Adam Forbes","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#article","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/"},"author":{"name":"Adam Forbes","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060"},"headline":"How to get parameter value from URL in JavaScript?","datePublished":"2025-03-03T10:11:03+00:00","dateModified":"2025-03-03T10:11:03+00:00","mainEntityOfPage":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/"},"wordCount":597,"commentCount":0,"publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"articleSection":["Learn"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/","url":"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/","name":"How to get parameter value from URL in JavaScript?","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/#website"},"datePublished":"2025-03-03T10:11:03+00:00","dateModified":"2025-03-03T10:11:03+00:00","description":"Getting parameter values from a URL in JavaScript can be useful when working with web applications that handle query strings. By extracting these","breadcrumb":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-parameter-value-from-url-in-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/namso-gen.co\/blog\/"},{"@type":"ListItem","position":2,"name":"How to get parameter value from URL in JavaScript?"}]},{"@type":"WebSite","@id":"https:\/\/namso-gen.co\/blog\/#website","url":"https:\/\/namso-gen.co\/blog\/","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","description":"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co","publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/namso-gen.co\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/namso-gen.co\/blog\/#organization","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","url":"https:\/\/namso-gen.co\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","contentUrl":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","width":500,"height":164,"caption":"Namso Gen Blog - Free Credit Card Generator [100% Valid]"},"image":{"@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/synchronyfinancial","https:\/\/twitter.com\/synchrony","https:\/\/www.youtube.com\/synchronyfinancial","https:\/\/www.instagram.com\/synchrony","https:\/\/www.linkedin.com\/company\/synchrony-financial"]},{"@type":"Person","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060","name":"Adam Forbes","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"Adam Forbes"},"description":"Guest author Adam Forbes has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here."}]}},"_links":{"self":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/202498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/users\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/comments?post=202498"}],"version-history":[{"count":0,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/202498\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media\/107420"}],"wp:attachment":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media?parent=202498"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/categories?post=202498"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/tags?post=202498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}