{"id":14772,"date":"2023-06-09T13:00:00","date_gmt":"2023-06-09T11:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=14772"},"modified":"2023-06-13T10:56:40","modified_gmt":"2023-06-13T08:56:40","slug":"como-capturar-parametros-url-javascript","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/","title":{"rendered":"C\u00f3mo capturar par\u00e1metros de una URL con JavaScript"},"content":{"rendered":"\n

\u00bfQui\u00e9res saber c\u00f3mo capturar par\u00e1metros de una URL con JavaScript<\/strong>? En este art\u00edculo te muestro varios m\u00e9todos para lograrlo.<\/p>\n\n\n\n

\u00a1Vamos con ello!<\/p>\n\n\n\n

Entendiendo los par\u00e1metros de una URL<\/h2>\n\n\n\n
\n
\n

Los par\u00e1metros de una URL son pares clave-valor<\/strong> que se utilizan para transmitir datos. Por ejemplo, en la URL \u00abhttps:\/\/www.ejemplo.com\/?nombre=Juan&edad=25\u00bb, el par\u00e1metro \u00abnombre\u00bb tiene el valor \u00abJuan\u00bb y el par\u00e1metro \u00abedad\u00bb tiene el valor \u00ab25\u00bb.<\/p>\n\n\n\n

Los par\u00e1metros de una URL se encuentran despu\u00e9s del signo de interrogaci\u00f3n y est\u00e1n separados por el s\u00edmbolo ampersand<\/em> (\u00ab&\u00bb)<\/strong>. Cada par\u00e1metro consta de un nombre y un valor, separados por el signo igual (\u00ab=\u00bb). En el ejemplo anterior habr\u00eda dos par\u00e1metros: \u00abnombre=Juan\u00bb y \u00abedad=25\u00bb.<\/p>\n<\/div>\n\n\n\n

\n
\"registrar<\/figure>\n<\/div>\n<\/div>\n\n\n\n

M\u00e9todo 1 para capturar par\u00e1metros con JavaScript: objeto URL<\/h2>\n\n\n\n
\n
\n
\"objeto<\/figure>\n<\/div>\n\n\n\n
\n

JavaScript cuenta con el objeto URL<\/strong>, el cual est\u00e1 pensado para trabajar con las diferentes partes de una direcci\u00f3n web, incluidos sus par\u00e1metros. Si no est\u00e1s familiarizado con el concepto de objeto en JavaScript, te recomiendo visitar este art\u00edculo<\/a>. Para decirlo de forma muy simple, un objeto es un elemento que puede almacenar datos y sobre el que se puedan aplicar ciertas funciones.<\/p>\n\n\n\n

En este caso, es posible crear un objeto de tipo URL que almacene una direcci\u00f3n web en concreto, para despu\u00e9s aplicar determinadas funciones que permitan capturar sus par\u00e1metros. En el siguiente ejemplo, se muestra c\u00f3mo crear el objeto y c\u00f3mo acceder a cada par\u00e1metro utilizando los m\u00e9todos searchParams<\/em> y get<\/em><\/strong>:<\/p>\n<\/div>\n<\/div>\n\n\n\n

const url = new URL(\"https:\/\/www.ejemplo.com\/?nombre=Juan&edad=25\"); \/\/ se crea el objeto URL, el cual almacena toda la URL\nconst params = url.searchParams; \/\/se almacenan todos los par\u00e1metros en una variable\nconst nombre = params.get(\"nombre\"); \/\/ se utiliza el m\u00e9todo GET para captar el valor del par\u00e1metro nombre\nconst edad = params.get(\"edad\"); \/\/ se utiliza el m\u00e9todo GET para captar el valor del par\u00e1metro edad\nconsole.log(nombre); \/\/ se muestra en consola el valor \"Juan\"\nconsole.log(edad); \/\/ se muestra en consola el valor \"25\"\n<\/code><\/pre>\n\n\n\n
M\u00e9todo 2 para captar par\u00e1metros de una URL con JavaScript: propiedad window.location<\/h2>\n\n\n\n
\n
\n
Otra forma de capturar los par\u00e1metros de una URL es utilizando la propiedad window.location.search<\/em> junto con la API URLSearchParams<\/a><\/strong>. Esta propiedad proporciona informaci\u00f3n sobre la URL actual de la p\u00e1gina, incluidos los par\u00e1metros. Te muestro un ejemplo que capta los par\u00e1metros de la URL con la que estamamos trabajando (https:\/\/www.ejemplo.com\/?nombre=Juan&edad=25):<\/p>\n\n\n\n
const urlParams = new URLSearchParams(window.location.search);\nconst nombre = urlParams.get(\"nombre\");\nconst edad = urlParams.get(\"edad\");\nconsole.log(nombre); \/\/ \"Juan\"\nconsole.log(edad); \/\/ \"25\"<\/code><\/pre>\n<\/div>\n\n\n\n
\n
\"par\u00e1metros<\/figure>\n<\/div>\n<\/div>\n\n\n\n
M\u00e9todo 3: Extrayendo manualmente los par\u00e1metros de la URL<\/h2>\n\n\n\n
\n
\n
\"metodo<\/figure>\n<\/div>\n\n\n\n
\n
Si no quieres utilizar objetos de JavaScript, tambi\u00e9n puedes extraer los par\u00e1metros de la URL de una forma m\u00e1s \u00abmanual\u00bb. Puedes obtener la URL actual utilizando window.location.href<\/em> y luego manipular la cadena<\/strong> de la URL para extraer los par\u00e1metros. Siguiendo con nuestro ejemplo, aqu\u00ed tienes una manera de hacerlo:<\/p>\n\n\n\n
const url = window.location.href;\nconst paramsString = url.split(\"?\")[1];\nconst paramsArray = paramsString.split(\"&\");\nconst params = {};\nparamsArray.forEach(param => {\n  const [key, value] = param.split(\"=\");\n  params[key] = value;\n});\nconst nombre = params.nombre;\nconst edad = params.edad;\nconsole.log(nombre); \/\/ \"Juan\"\nconsole.log(edad); \/\/ \"25\"<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n
Ejemplo<\/h2>\n\n\n\n
Para que quede m\u00e1s claro, te dejo un ejemplo que podr\u00e1s copiar y pegar en tu editor de texto (Visual Studio Code, Sublime Text, bloc de notas, etc.) preferido:<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Capturar par\u00e1metros de una URL con JS<\/title>\n<\/head>\n<body>\n    <div id=\"divNombre\"><\/div>\n    <div id=\"divEdad\"><\/div>\n    <script>\n        const urlParams = new URLSearchParams(window.location.search);\n        const nombre = urlParams.get(\"nombre\");\n        const edad = urlParams.get(\"edad\");\n        var divNombre = document.getElementById('divNombre');\n        divNombre.innerHTML = nombre;\n        var divEdad = document.getElementById('divEdad');\n        divEdad.innerHTML = edad;\n    <\/script>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Podr\u00e1s guardar el c\u00f3digo anterior en un archivo con extensi\u00f3n .html y abrirlo con un navegador web (Google Chrome, Mozilla Firefox, Microsoft Edge, etc.). En este caso, la URL de este archivo no es una direcci\u00f3n disponible a trav\u00e9s de Internet, sino una direcci\u00f3n de tu propio ordenador. No importa, puedes probar a a\u00f1adir los par\u00e1metros ‘nombre’ y ‘edad’ con los valores que consideres. El resultado es el siguiente:<\/p>\n\n\n\n
\"ejemplo\"<\/figure>\n\n\n\n
Te estar\u00e1s preguntando por qu\u00e9 se muestran los valores en pantalla. Eso es porque una vez hayas capturado los par\u00e1metros de la URL con JavaScript, podr\u00e1s hacer con ellos lo que quieras. En este art\u00edculo te muestro c\u00f3mo puedes escribir dentro de un DIV de HTML empleando JavaScript<\/a>.<\/p>\n\n\n\n
Trata de practicar y modificar el c\u00f3digo para entenderlo por completo.<\/p>\n\n\n\n
Conclusiones<\/h2>\n\n\n\n
Una vez que hayas capturado los par\u00e1metros de la URL, puedes utilizarlos para realizar diferentes acciones relacionadas con tus labores de desarrollo web<\/a>. Puedes mostrar informaci\u00f3n personalizada, realizar b\u00fasquedas filtradas, cargar contenido din\u00e1micamente y mucho m\u00e1s. \u00a1Las posibilidades son infinitas!<\/p>\n\n\n\n
Hemos visto c\u00f3mo utilizar el objeto URL, la propiedad window.location y la extracci\u00f3n manual de par\u00e1metros. Ahora tienes las herramientas necesarias para trabajar con los par\u00e1metros de las URLs en tus proyectos web. Espero que este art\u00edculo te haya resultado \u00fatil. <\/p>\n\n\n\n
Si tienes alguna pregunta, \u00a1no dudes en dejar un comentario! \u00a1Hasta la pr\u00f3xima!<\/p>\n\n\n\n
\n
\n
\"detectar<\/a><\/figure>\n<\/div>\n\n\n\n
\n
\"escribir<\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
\u00bfQui\u00e9res saber c\u00f3mo capturar par\u00e1metros de una URL con JavaScript? En este art\u00edculo te muestro c\u00f3mo hacerlo de forma r\u00e1pida y sencilla.<\/p>\n","protected":false},"author":21,"featured_media":14831,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[50],"tags":[],"class_list":["post-14772","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacion-web"],"acf":[],"yoast_head":"\nC\u00f3mo capturar par\u00e1metros de una URL con JavaScript \u2714\ufe0f<\/title>\n<meta name=\"description\" content=\"\u00bfQui\u00e9res saber c\u00f3mo capturar par\u00e1metros de una URL con JavaScript? En este art\u00edculo te muestro c\u00f3mo hacerlo de forma r\u00e1pida y sencilla.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo capturar par\u00e1metros de una URL con JavaScript \u2714\ufe0f\" \/>\n<meta property=\"og:description\" content=\"\u00bfQui\u00e9res saber c\u00f3mo capturar par\u00e1metros de una URL con JavaScript? En este art\u00edculo te muestro c\u00f3mo hacerlo de forma r\u00e1pida y sencilla.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de maketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-09T11:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-13T08:56:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/06\/como-capturar-parametros-de-una-url-con-javascript-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Caronte Studio\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Caronte Studio\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-capturar-parametros-url-javascript\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-capturar-parametros-url-javascript\\\/\"},\"author\":{\"name\":\"Caronte Studio\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/af53223b68efd2be07f600dfc0506979\"},\"headline\":\"C\u00f3mo capturar par\u00e1metros de una URL con JavaScript\",\"datePublished\":\"2023-06-09T11:00:00+00:00\",\"dateModified\":\"2023-06-13T08:56:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-capturar-parametros-url-javascript\\\/\"},\"wordCount\":699,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-capturar-parametros-url-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/como-capturar-parametros-de-una-url-con-javascript-1.jpg\",\"articleSection\":[\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-capturar-parametros-url-javascript\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-capturar-parametros-url-javascript\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-capturar-parametros-url-javascript\\\/\",\"name\":\"C\u00f3mo capturar par\u00e1metros de una URL con JavaScript \u2714\ufe0f\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-capturar-parametros-url-javascript\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-capturar-parametros-url-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/como-capturar-parametros-de-una-url-con-javascript-1.jpg\",\"datePublished\":\"2023-06-09T11:00:00+00:00\",\"dateModified\":\"2023-06-13T08:56:40+00:00\",\"description\":\"\u00bfQui\u00e9res saber c\u00f3mo capturar par\u00e1metros de una URL con JavaScript? En este art\u00edculo te muestro c\u00f3mo hacerlo de forma r\u00e1pida y sencilla.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-capturar-parametros-url-javascript\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-capturar-parametros-url-javascript\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-capturar-parametros-url-javascript\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/como-capturar-parametros-de-una-url-con-javascript-1.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/como-capturar-parametros-de-una-url-con-javascript-1.jpg\",\"width\":1250,\"height\":737,\"caption\":\"como capturar parametros de una url con javascript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-capturar-parametros-url-javascript\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo capturar par\u00e1metros de una URL con JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/af53223b68efd2be07f600dfc0506979\",\"name\":\"Caronte Studio\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g\",\"caption\":\"Caronte Studio\"},\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/caronte-studio\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo capturar par\u00e1metros de una URL con JavaScript \u2714\ufe0f","description":"\u00bfQui\u00e9res saber c\u00f3mo capturar par\u00e1metros de una URL con JavaScript? En este art\u00edculo te muestro c\u00f3mo hacerlo de forma r\u00e1pida y sencilla.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo capturar par\u00e1metros de una URL con JavaScript \u2714\ufe0f","og_description":"\u00bfQui\u00e9res saber c\u00f3mo capturar par\u00e1metros de una URL con JavaScript? En este art\u00edculo te muestro c\u00f3mo hacerlo de forma r\u00e1pida y sencilla.","og_url":"https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/","og_site_name":"Blog de maketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2023-06-09T11:00:00+00:00","article_modified_time":"2023-06-13T08:56:40+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/06\/como-capturar-parametros-de-una-url-con-javascript-1.jpg","type":"image\/jpeg"}],"author":"Caronte Studio","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Caronte Studio","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/"},"author":{"name":"Caronte Studio","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/af53223b68efd2be07f600dfc0506979"},"headline":"C\u00f3mo capturar par\u00e1metros de una URL con JavaScript","datePublished":"2023-06-09T11:00:00+00:00","dateModified":"2023-06-13T08:56:40+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/"},"wordCount":699,"commentCount":0,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/06\/como-capturar-parametros-de-una-url-con-javascript-1.jpg","articleSection":["Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/","url":"https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/","name":"C\u00f3mo capturar par\u00e1metros de una URL con JavaScript \u2714\ufe0f","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/06\/como-capturar-parametros-de-una-url-con-javascript-1.jpg","datePublished":"2023-06-09T11:00:00+00:00","dateModified":"2023-06-13T08:56:40+00:00","description":"\u00bfQui\u00e9res saber c\u00f3mo capturar par\u00e1metros de una URL con JavaScript? En este art\u00edculo te muestro c\u00f3mo hacerlo de forma r\u00e1pida y sencilla.","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/06\/como-capturar-parametros-de-una-url-con-javascript-1.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/06\/como-capturar-parametros-de-una-url-con-javascript-1.jpg","width":1250,"height":737,"caption":"como capturar parametros de una url con javascript"},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/como-capturar-parametros-url-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo capturar par\u00e1metros de una URL con JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/af53223b68efd2be07f600dfc0506979","name":"Caronte Studio","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g","caption":"Caronte Studio"},"url":"https:\/\/carontestudio.com\/blog\/author\/caronte-studio\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/14772","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=14772"}],"version-history":[{"count":34,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/14772\/revisions"}],"predecessor-version":[{"id":14885,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/14772\/revisions\/14885"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/14831"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=14772"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=14772"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=14772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}