const url = new URL(window.location.href);
const parameterValue = url.searchParams.get('pramaName');
console.log(parameterValue);
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const code = urlParams.get('code')
// Example URL: https://example.com/over/there?name=ferret
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const parameter_name = urlParams.get('name')
console.log(parameter_name);
let url = 'https://www.example.com?name=n1&name=n2';
let params = (new URL(url)).searchParams;
params.get('name') // "n1"
params.getAll('name') // ["n1", "n2"]
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const page_type = urlParams.get('page_type')
console.log(page_type);
var url_string = "http://www.example.com/t.html?a=1&b=3&c=m2-m3-m4-m5"; //window.location.href
var url = new URL(url_string);
var c = url.searchParams.get("c");
console.log(c);
'&url=' + encodeURIComponent("http://a.com/?q=query&n=10")
const url = new URL('https://example.com/?a=hello&b=world');
const params = new URLSearchParams([
...Array.from(url.searchParams.entries())]).toString();
console.log(params);
/*a=hello&b=world*/
www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5
<!DOCTYPE html>
<html>
<head>
<title>How To Get URL Parameters using JavaScript?</title>
</head>
<body>
<h1 style="color: blue;">
Softhunt.net
</h1>
<b>
How To Get URL Parameters
With JavaScript?
</b>
<p> The url used is:
https://www.example.com/login.php?a=Softhunt.net&b=Welcome&c=To Our Website
</p>
<p> Click on the button to get the url parameters in the console. </p>
<button onclick="getParameters()"> Get URL parameters </button>
<script>
function getParameters() {
let urlString =
"https://www.example.com/login.php?a=Softhunt.net&b=Welcome&c=To Our Website";
let paramString = urlString.split('?')[1];
let queryString = new URLSearchParams(paramString);
for(let pair of queryString.entries()) {
console.log("Key is:" + pair[0]);
console.log("Value is:" + pair[1]);
}
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title> How To Get URL Parameters using JavaScript? </title>
</head>
<body>
<h1 style="color:blue;">
Softhunt.net
</h1> <b>
How To Get URL Parameters
With JavaScript?
</b>
<b>By Separating and accessing each parameter pair</b>
<p> The url used is:
https://www.example.com/login.php?a=Softhunt.net&b=Welcome&c=To Our Website
</p>
<p> Click on the button to get the url parameters in the console. </p>
<button onclick="getParameters()"> Get URL parameters </button>
<script>
function getParameters() {
let urlString =
"https://www.example.com/login.php?a=Softhunt.net&b=Welcome&c=To Our Website";
let paramString = urlString.split('?')[1];
let params_arr = paramString.split('&');
for(let i = 0; i < params_arr.length; i++) {
let pair = params_arr[i].split('=');
console.log("Key is:" + pair[0]);
console.log("Value is:" + pair[1]);
}
}
</script>
</body>
</html>