In JavaScript, the window.location.search property returns the query string part of the URL of the current page. The query string is the portion of the URL that follows the question mark (?) and contains key-value pairs separated by ampersands (&).
The syntax for accessing the query string using window.location.search in JavaScript is as follows:
var queryString = window.location.search;
window.locationrefers to theLocationobject, which represents the current URL of the window..searchis a property of theLocationobject that returns the query string part of the URL.
JavaScript window location search example
Simple example code that shows how to use window.location.search in JavaScript:
<!DOCTYPE html>
<html>
<head>
<title>Query String Example</title>
<script>
// Place your JavaScript code here
// Assuming the current URL is: https://www.example.com/page?param1=value1¶m2=value2
// Accessing the query string
var queryString = window.location.search;
// Parsing the query string
var params = new URLSearchParams(queryString);
// Getting individual parameter values
var param1Value = params.get('param1');
var param2Value = params.get('param2');
// Outputting the parameter values
console.log("param1: " + param1Value);
console.log("param2: " + param2Value);
</script>
</head>
<body>
<!-- Your HTML content here -->
</body>
</html>
Output:
The code retrieves the query string using window.location.search, parses it using URLSearchParams, and gets the values of param1 and param2. The parameter values are then logged to the browser’s console.
Do comment if you have any doubts or suggestions on this JS window object topic.
Note: The All JS Examples codes are tested on the Firefox browser and the Chrome browser.
OS: Windows 10
Code: HTML 5 Version