HTML DOM URL searchParams property
Last Updated :
14 Jul, 2020
The searchParams property returns a URLSearchParams object allowing access to the GET all the decoded query arguments contained in the URL.
Syntax:
params = url.searchParams;
Return Value: A URLSearchParams object.
Example: In this example, we will get the searchParams of the URL, here URL is “https://gfg.com/?name=Taran” taken for example.
In this URL we will get the name parameter using this property.
<!doctype html>
< html >
< head >
< meta charset = "utf-8" >
< title >HTML DOM URL searchParams property</ title >
</ head >
< body >
< h1 >GeeksforGeeks</ h1 >
< p >Click Here To Get searchparams</ p >
< button onclick = "Check()" >Click Here</ button >
< div class = "child" ></ div >
</ body >
< script >
function Check(){
let params = (new URL(
console.log(params);
console.log(
"Name parameter from URL is :", params.get("name"));
}
</ script >
</ html >
|
Output:
Before Button Click:
After Button Click:
Supported Browsers:
- Google Chrome
- Edge
- Firefox
- Safari
- Opera
Share your thoughts in the comments
Please Login to comment...