How to copy from URL Parameter to HTML

Question

Hello i want to ask how to copy url parameter to html text

For example my url is: www.domain.com/?id=123456&name=John

Then i write on html page like this: HTML:

Your ID is <div id="id"></div>

Your Name:

Result:

Your ID is: 123456

Your Name is: John

my question is what the javascript i use to copy url parameter like above to my div html?

In general, that isn't a good idea in though. That raises XSS vulnerabilities. — Lakshaya U., Sep 12 '21 at 03:34

score 1 · Accepted Answer · answered Sep 12 '21 at 04:13

1

Get URL parameters from

const params = new URL('https://www.example.com/id?=123456').searchParams;

Then get the value using

params.get('');

const params = new URL('https://www.example.com/id?=123456').searchParams;
console.log(params.get(''));

document.getElementById('id').innerHTML = params.get('')


// or else

const params2 = new URL('https://www.example.com?id=123456').searchParams;
console.log(params2.get('id'));

Your ID is <div id="id"></div>

answered Sep 12 '21 at 04:13

Prabhath Withanage

202
2
10

How to get current parameter url using ```window.location.href``` ? – Almaftuchin Sep 12 '21 at 05:40
@Almaftuchin let url = new URL(window.location.href).searchParams – Prabhath Withanage Sep 13 '21 at 03:15
1

edit: Thank you very much sir, its working perfectly – Almaftuchin Sep 13 '21 at 07:23

score 1 · Answer 2 · answered Sep 12 '21 at 07:34

1

you can use this code if you want to get param from window.location.href

let url = new URL(window.location.href).searchParams;
const id = url.get('id');
console.log("Your param id :" + id);

answered Sep 12 '21 at 07:34

trysetyoutomo

346
2
8

score 0 · Answer 3 · answered Sep 12 '21 at 06:47

To parse GET parameters from url you can use something like this :

const queryString = window.location.search;

const urlParams = new URLSearchParams(queryString);

const id = urlParams.get('id')
console.log(id);
// 123456

const name= urlParams.get('name')
console.log(name);
// John

document.getElementById('id').innerHTML = id;

How to copy from URL Parameter to HTML

3 Answers3