{"id":7192,"date":"2022-02-08T13:00:43","date_gmt":"2022-02-08T12:00:43","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=7192"},"modified":"2022-04-22T08:53:19","modified_gmt":"2022-04-22T06:53:19","slug":"como-recargar-una-pagina-con-javascript","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/como-recargar-una-pagina-con-javascript\/","title":{"rendered":"C\u00f3mo recargar una p\u00e1gina con JavaScript"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Si quieres saber <strong>c\u00f3mo recargar una p\u00e1gina con JavaScript<\/strong>, te lo explico en este art\u00edculo. JavaScript es un lenguaje muy vers\u00e1til que permite llevar a cabo una infinidad de funcionalidades sobre un sitio web. En nuestra <a href=\"https:\/\/carontestudio.com\/diseno-web\/diseno-web-vitoria\/\">agencia de dise\u00f1o web<\/a>, lo empleamos habitualmente. En este caso, te muestro c\u00f3mo programar una actualizaci\u00f3n de p\u00e1gina en distintas situaciones, de forma que puedas recargar la p\u00e1gina autom\u00e1ticamente o como consecuencia de una acci\u00f3n del usuario. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00a1Empecemos!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"funcion-para-recargar-la-pagina-en-javascript\">Funci\u00f3n para recargar la p\u00e1gina en JavaScript<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"470\" height=\"800\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/10\/refrescar-pagina-javascript.jpg\" alt=\"refrescar pagina javascript\" class=\"wp-image-7218\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/10\/refrescar-pagina-javascript.jpg 470w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/10\/refrescar-pagina-javascript-176x300.jpg 176w\" sizes=\"auto, (max-width: 470px) 100vw, 470px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"wp-block-paragraph\">Lo primero que debes saber es la funci\u00f3n que implementa JavaScript para refrescar la p\u00e1gina, se trata de la siguiente: <strong>location.reload()<\/strong>. Este m\u00e9todo se encarga de recargar la URL actual, se trata de la misma acci\u00f3n que realizan los navegadores al pulsar el bot\u00f3n de refrescar. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para emplear esta funci\u00f3n en tu sitio web, debes especificar <strong>un evento que la desencadene asociado a un elemento de la p\u00e1gina<\/strong>. Pongamos un ejemplo. Imagina que tu p\u00e1gina tiene un bot\u00f3n que sirve para recargar la p\u00e1gina, cuyo c\u00f3digo HTML es el siguiente: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;button id=\"refresh\"&gt;Recargar&lt;\/button&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Para hacer que el bot\u00f3n pueda recargar la p\u00e1gina, es posible almacenar el elemento en una variable y despu\u00e9s asignarle un evento. Una vez definido el evento, se a\u00f1ade la funci\u00f3n para recargar la p\u00e1gina mediante JavaScript: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>let refresh = document.getElementById('refresh');\nrefresh.addEventListener('click', _ =&gt; {\n            location.reload();\n})<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Debes tener en cuenta que est\u00e1 funci\u00f3n recarga la p\u00e1gina actual <strong>sin la cach\u00e9 del navegador<\/strong>, de forma que realiza la misma acci\u00f3n que lleva a cabo el atajo de teclado Ctrl + F5.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"recarga-automatica-con-javascript\">Recarga autom\u00e1tica con JavaScript<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Es posible emplear la funci\u00f3n anterior para <strong>programar una recarga autom\u00e1tica<\/strong> de la p\u00e1gina. Para ello, deberemos emplearla junto con la funci\u00f3n <strong>setInterval()<\/strong>. Para ello, insertaremos la funci\u00f3n location.reload() como primer par\u00e1metro de la funci\u00f3n setInterval(), mientras que como segundo par\u00e1metro introduciremos los milisegundos que deben pasar hasta que se recargue la p\u00e1gina. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por ejemplo, empleando el siguiente c\u00f3digo JavaScript podemos conseguir que la p\u00e1gina se recargue autom\u00e1ticamente cada minuto: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>setInterval(\"location.reload()\",60000);<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Para saber m\u00e1s sobre la funci\u00f3n setInterval(), te recomiendo consultar la documentaci\u00f3n de <a href=\"https:\/\/developer.mozilla.org\/es\/docs\/Web\/API\/setInterval\" target=\"_blank\" rel=\"noreferrer noopener\">MDN Web Docs<\/a>.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"458\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/10\/recargar-pagina-javascript.jpg\" alt=\"recargar p\u00e1gina javascript automaticamente\" class=\"wp-image-7209\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/10\/recargar-pagina-javascript.jpg 640w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/10\/recargar-pagina-javascript-300x215.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center align-self-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"600\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/10\/actualizar-pagina-javascript.jpg\" alt=\"actualizar pagina javascript\" class=\"wp-image-7223\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/10\/actualizar-pagina-javascript.jpg 400w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/10\/actualizar-pagina-javascript-200x300.jpg 200w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"actualizar-la-pagina-con-un-boton-mediante-javascript\">Actualizar la p\u00e1gina con un bot\u00f3n mediante JavaScript<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Tambi\u00e9n puedes emplear un <strong>input de tipo button para a\u00f1adirle el evento onclick junto con la funci\u00f3n location.reload()<\/strong>. Por ejemplo, podr\u00edas implementar un bot\u00f3n que recargue la p\u00e1gina haciendo uso de la siguiente l\u00ednea de c\u00f3digo: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;input type=\"button\" value=\"Recargar\" onclick=\"location.reload()\"&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"refrescar-la-pagina-con-un-enlace-mediante-javascript\">Refrescar la p\u00e1gina con un enlace mediante JavaScript<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Por \u00faltimo, es posible <strong>crear un enlace para recargar la p\u00e1gina<\/strong> y definir la funci\u00f3n de recarga de p\u00e1gina en su ruta. En el c\u00f3digo que se expone a continuaci\u00f3n te muestro como: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"javascript:location.reload()\"&gt;Recargar&lt;\/a&gt;<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cargar-la-pagina-empleando-window-location-href\">Cargar la p\u00e1gina empleando window.location.href<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Por \u00faltimo, existe otro m\u00e9todo para refrescar una p\u00e1gina web empleando JavaScript. Se trata de la <strong>propiedad  window.location.href, la cual devuelve la URL actual<\/strong> de una p\u00e1gina. Por ejemplo, esta propiedad se puede utilizar para mostrar la URL de la p\u00e1gina actual mediante una alerta. En el ejemplo siguiente, te muestro el c\u00f3digo HTML y JavaScript necesario para crear un bot\u00f3n que muestre la URL de la p\u00e1gina: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!--HTML--&gt;\n&lt;input type=\"button\" value=\"Mostrar URL\" onclick=\"mostrar()\"&gt;\n&lt;!--JS--&gt;\n&lt;script&gt;\n        function mostrar () {\n            let url = window.location.href;\n            window.alert(url);\n        }\n&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Pues bien, modificando la funci\u00f3n anterior es posible tanto hacer que el bot\u00f3n recargue la p\u00e1gina actual o que redirija al usuario a otra p\u00e1gina. Para ello, debes reasignar el valor de window.location.href. De esta manera, definir\u00e1s de nuevo el valor de la URL actual; si le asignas el mismo valor que hasta ahora, la p\u00e1gina se recargar\u00e1, pero tambi\u00e9n le puedes asignar otro valor y llevar al usuario a otra p\u00e1gina. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En este caso, <strong>para recargar la p\u00e1gina haciendo uso de esta propiedad podr\u00edas emplear el siguiente c\u00f3digo<\/strong>: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!--HTML--&gt;\n&lt;input type=\"button\" value=\"Recargar\" onclick=\"recargar()\"&gt;\n&lt;!--JS--&gt;\n&lt;script&gt;\n        function recargar () {\n            window.location.href = window.location.href;\n        }\n&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusiones\">Conclusiones<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ya sabes <strong>c\u00f3mo recargar una p\u00e1gina con JavaScript<\/strong> de diferentes maneras, empleando distintas funciones y propiedades de JavaScript. Espero que te haya servido de ayuda. Si quieres aportar algo, por favor, no dudes en dejarme un comentario en esta publicaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si te interesan las entradas como esta, te recomiendo visitar nuestra secci\u00f3n de <a href=\"https:\/\/carontestudio.com\/blog\/category\/programacion-web\/\">art\u00edculos sobre programaci\u00f3n web<\/a>, donde podr\u00e1s encontrar todo tipo de contenido relacionado con la tem\u00e1tica.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00a1Te espero en el siguiente art\u00edculo!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si quieres saber c\u00f3mo recargar una p\u00e1gina con JavaScript, en este art\u00edculo te muestro c\u00f3mo programar una actualizaci\u00f3n de p\u00e1gina en distintas situaciones. <\/p>\n","protected":false},"author":21,"featured_media":8722,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[50],"tags":[],"class_list":["post-7192","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacion-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo recargar una p\u00e1gina con JavaScript - Blog Caronte Web Studio<\/title>\n<meta name=\"description\" content=\"\u00bfQuieres saber c\u00f3mo recargar una p\u00e1gina con JavaScript? En este art\u00edculo te explico c\u00f3mo hacerlo de forma r\u00e1pida. \u00a1No te lo pierdas!\" \/>\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-recargar-una-pagina-con-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo recargar una p\u00e1gina con JavaScript - Blog Caronte Web Studio\" \/>\n<meta property=\"og:description\" content=\"\u00bfQuieres saber c\u00f3mo recargar una p\u00e1gina con JavaScript? En este art\u00edculo te explico c\u00f3mo hacerlo de forma r\u00e1pida. \u00a1No te lo pierdas!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/como-recargar-una-pagina-con-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de marketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-02-08T12:00:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-22T06:53:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/02\/2021-12-diciembre-enero.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=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-recargar-una-pagina-con-javascript\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-recargar-una-pagina-con-javascript\\\/\"},\"author\":{\"name\":\"Caronte Studio\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/af53223b68efd2be07f600dfc0506979\"},\"headline\":\"C\u00f3mo recargar una p\u00e1gina con JavaScript\",\"datePublished\":\"2022-02-08T12:00:43+00:00\",\"dateModified\":\"2022-04-22T06:53:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-recargar-una-pagina-con-javascript\\\/\"},\"wordCount\":763,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-recargar-una-pagina-con-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/2021-12-diciembre-enero.jpg\",\"articleSection\":[\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-recargar-una-pagina-con-javascript\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-recargar-una-pagina-con-javascript\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-recargar-una-pagina-con-javascript\\\/\",\"name\":\"C\u00f3mo recargar una p\u00e1gina con JavaScript - Blog Caronte Web Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-recargar-una-pagina-con-javascript\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-recargar-una-pagina-con-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/2021-12-diciembre-enero.jpg\",\"datePublished\":\"2022-02-08T12:00:43+00:00\",\"dateModified\":\"2022-04-22T06:53:19+00:00\",\"description\":\"\u00bfQuieres saber c\u00f3mo recargar una p\u00e1gina con JavaScript? En este art\u00edculo te explico c\u00f3mo hacerlo de forma r\u00e1pida. \u00a1No te lo pierdas!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-recargar-una-pagina-con-javascript\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-recargar-una-pagina-con-javascript\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-recargar-una-pagina-con-javascript\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/2021-12-diciembre-enero.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/2021-12-diciembre-enero.jpg\",\"width\":1250,\"height\":737,\"caption\":\"recarga de pagina en javascript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-recargar-una-pagina-con-javascript\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo recargar una p\u00e1gina 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 recargar una p\u00e1gina con JavaScript - Blog Caronte Web Studio","description":"\u00bfQuieres saber c\u00f3mo recargar una p\u00e1gina con JavaScript? En este art\u00edculo te explico c\u00f3mo hacerlo de forma r\u00e1pida. \u00a1No te lo pierdas!","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-recargar-una-pagina-con-javascript\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo recargar una p\u00e1gina con JavaScript - Blog Caronte Web Studio","og_description":"\u00bfQuieres saber c\u00f3mo recargar una p\u00e1gina con JavaScript? En este art\u00edculo te explico c\u00f3mo hacerlo de forma r\u00e1pida. \u00a1No te lo pierdas!","og_url":"https:\/\/carontestudio.com\/blog\/como-recargar-una-pagina-con-javascript\/","og_site_name":"Blog de marketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2022-02-08T12:00:43+00:00","article_modified_time":"2022-04-22T06:53:19+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/02\/2021-12-diciembre-enero.jpg","type":"image\/jpeg"}],"author":"Caronte Studio","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Caronte Studio","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/como-recargar-una-pagina-con-javascript\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/como-recargar-una-pagina-con-javascript\/"},"author":{"name":"Caronte Studio","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/af53223b68efd2be07f600dfc0506979"},"headline":"C\u00f3mo recargar una p\u00e1gina con JavaScript","datePublished":"2022-02-08T12:00:43+00:00","dateModified":"2022-04-22T06:53:19+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/como-recargar-una-pagina-con-javascript\/"},"wordCount":763,"commentCount":4,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/como-recargar-una-pagina-con-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/02\/2021-12-diciembre-enero.jpg","articleSection":["Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/como-recargar-una-pagina-con-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/como-recargar-una-pagina-con-javascript\/","url":"https:\/\/carontestudio.com\/blog\/como-recargar-una-pagina-con-javascript\/","name":"C\u00f3mo recargar una p\u00e1gina con JavaScript - Blog Caronte Web Studio","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/como-recargar-una-pagina-con-javascript\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/como-recargar-una-pagina-con-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/02\/2021-12-diciembre-enero.jpg","datePublished":"2022-02-08T12:00:43+00:00","dateModified":"2022-04-22T06:53:19+00:00","description":"\u00bfQuieres saber c\u00f3mo recargar una p\u00e1gina con JavaScript? En este art\u00edculo te explico c\u00f3mo hacerlo de forma r\u00e1pida. \u00a1No te lo pierdas!","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/como-recargar-una-pagina-con-javascript\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/como-recargar-una-pagina-con-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/como-recargar-una-pagina-con-javascript\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/02\/2021-12-diciembre-enero.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/02\/2021-12-diciembre-enero.jpg","width":1250,"height":737,"caption":"recarga de pagina en javascript"},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/como-recargar-una-pagina-con-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo recargar una p\u00e1gina 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\/7192","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=7192"}],"version-history":[{"count":36,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/7192\/revisions"}],"predecessor-version":[{"id":9561,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/7192\/revisions\/9561"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/8722"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=7192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=7192"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=7192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}