Veo muchas formas y algunas de ellas parecen demasiado complicadas. planeo agregar un programa que usará estos parámetros para probar según los resultados.
Pero por ahora, quiero una forma de obtener todos los parámetros de URL y publicarlos usando la etiqueta ap.
¿Responde esto a tu pregunta? Puede obtener los parámetros de búsqueda de una URL con el constructor de URL
y acceder a la propiedad searchParams
.
const div = document.querySelector('div'); const appendParams = (url) => { const params = Object.fromEntries(new URL(url).searchParams.entries()); for (const key in params) { const p = document.createElement('p'); p.textContent = `${key}: ${params[key]}`; div.appendChild(p); } }; window.addEventListener('DOMContentLoaded', () => { appendParams('https://hello.world?foo=bar&fizz=buzz&abc=123&hello=world'); });
<div></div>