{"id":11064,"date":"2016-02-22T16:15:44","date_gmt":"2016-02-22T14:15:44","guid":{"rendered":"http:\/\/www.webcodegeeks.com\/?p=11064"},"modified":"2018-01-10T16:22:29","modified_gmt":"2018-01-10T14:22:29","slug":"javascript-refresh-reload-example","status":"publish","type":"post","link":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/","title":{"rendered":"Javascript Refresh \/ Reload Example"},"content":{"rendered":"<p>When Javascript first started to be used on webpages, it had a very big advantage to it: It allowed the webpage to load information from the server asynchronously. These days you can make your webpage reload even without asking for the user&#8217;s permission, or by adding other features that improve the performance of your web app such as timing the reload etc. Let&#8217;s see below how we can do that!<\/p>\n<h2>1. Definition and Syntax<\/h2>\n<p>Javascript has a built-in method that reloads the current page from the cache, which is <code>reload()<\/code>. However, you can add more features to this method, such as making it load the content directly from the server by sidestepping the cache, automatically reloading after a fixed period of time, or performing the reload when the user clicks something such as a button, link or image. It&#8217;s syntax would go like below:<\/p>\n<p><span style=\"text-decoration: underline\"><em>syntax.js<\/em><\/span><\/p>\n<pre class=\"brush:js\"> \r\nlocation.reload(forceGet);\r\n<\/pre>\n<p>As you see, this method take only one parameter, that being <code>forceGet<\/code>. This parameter&#8217;s format is a boolean value, which means it can be either <code>TRUE<\/code> or <code>FALSE<\/code> and is used to determine whether you want the reloading to happen from the cache or from the server. We mentioned before that by default the <code>reload()<\/code> method refreshes the document from the cache, which is only a temporary storing space where your browser stores data that are accessed often in order to speed up your searching. That would be the case if you give the <code>FALSE<\/code> value as an argument to the method, or even if you just don&#8217;t pass it an argument at all, since <code>forceGet<\/code> is optional. However, if you set it to <code>TRUE<\/code>, the browser will be forced to load the page directly from the server.<br \/>\n[ulp id=&#8217;tCIwOngQUb3zSUuF&#8217;]<\/p>\n<h2>2. Refreshing when a button is clicked<\/h2>\n<p>The most basic way to refresh your page is by clicking a button, link or even image, if you want to make things fancy. We&#8217;ll show you the way to do it by clicking a button. Except for the button we are also putting an image in our document so that it is more visible when the refreshing has happened. The HTML code would go like this:<\/p>\n<p><span style=\"text-decoration: underline\"><em>index.html<\/em><\/span><\/p>\n<pre class=\"brush:xml\"> \r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang=\"en\"&gt;\r\n&lt;head&gt;\r\n    &lt;meta charset=\"UTF-8\"&gt;\r\n    &lt;title&gt;Reload \/ Refresh&lt;\/title&gt;\r\n\r\n    &lt;script src=\"index.js\" rel=\"javascript\"&gt;&lt;\/script&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\r\n&lt;button onclick=\"reloadMe()\"&gt;Reload Page&lt;\/button&gt;\r\n\r\n&lt;img src=\"img\/refresh.jpg\" alt=\"JS-logo\"&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<p>As you can see, except for the button and image, we have added a few more things. Those being having scripted an <code>index.js<\/code> file, which is where the Javascript part of the code will be, and also we have added an <code>onclick<\/code> attribute to our button. The value of said attribute is <code>reloadMe()<\/code>, which is the name of our custom function, as you can see for yourself below:<\/p>\n<p><span style=\"text-decoration: underline\"><em>index.js<\/em><\/span><\/p>\n<pre class=\"brush:js\"> \r\nfunction reloadMe(){\r\n        location.reload();\r\n}\r\n<\/pre>\n<p>This is how simply you can reload a document! But let&#8217;s add some more features.<\/p>\n<h2>3. Automatically refreshing<\/h2>\n<p>As we mentioned we can automatically refresh a document by adding a little bit of code into our Javascript file. The HTML code will be essentially the same, except for the button, which is now unnecessary  and will be discarded. See for yourself:<\/p>\n<p><span style=\"text-decoration: underline\"><em>autorefresh.html<\/em><\/span><\/p>\n<pre class=\"brush:xml\"> \r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang=\"en\"&gt;\r\n&lt;head&gt;\r\n    &lt;meta charset=\"UTF-8\"&gt;\r\n    &lt;title&gt;Reload \/ Refresh&lt;\/title&gt;\r\n\r\n    &lt;script src=\"autorefresh.js\" rel=\"javascript\"&gt;&lt;\/script&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\r\n&lt;img src=\"img\/refresh.jpg\" alt=\"JS-logo\"&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<p>However, there will be changes in our Javascript. Let&#8217;s take a look at the code and then discuss it:<\/p>\n<p><span style=\"text-decoration: underline\"><em>autorefresh.js<\/em><\/span><\/p>\n<pre class=\"brush:js\"> \r\nfunction autoReloadMe(timeoutPeriod) {\r\n\tsetTimeout(\"location.reload(true);\",timeoutPeriod);\r\n}\r\n\r\nwindow.onload = autoReloadMe(5000);\r\n<\/pre>\n<p>As you see we have created custom function named <code>autoReloadMe()<\/code> which takes an integer for an argument. This integer will be the time after which our page will be reloaded in milliseconds, which is why the parameter is called <code>timeoutPeriod<\/code>. <\/p>\n<p>What our function does, in essence is just invoking another function which is built-in Javascript: <code>setTimeout()<\/code>. This function performs a certain action after a set period of time. It takes two arguments, the first being the Javascript code for the action that is to be performed, and the timeout period.<\/p>\n<p>After defining our custom function, you see that we have used <code>window.onload()<\/code> to fire it, as we want the window to be loaded automatically and this way is easier than having to click anything. However, automatically loading a page can be at times very annoying or even downright inconvenient. How can we solve this?<\/p>\n<h2>4. Refreshing after confirmation<\/h2>\n<p>Say you want to automatically want to refresh your page after a set period of time. But what if the page the user is on is an editor, and if you refresh it right then, what your user wrote will be lost? How can you solve that? In order to not have your user want to murder you for ruining what was written, but also not giving up the benefits of reloading, you can first ask them and then, reload if you get their confirmation. The code for the HTML would be the same as in the first example, only changing the function that is executed when you click the button to <code>confirmRefresh()<\/code>. You just have to add a conditional in the Javascript file. The code would go like below:<\/p>\n<p><span style=\"text-decoration: underline\"><em>autorefresh.js<\/em><\/span><\/p>\n<pre class=\"brush:js\"> \r\nfunction confirmRefresh() {\r\nvar acknowledgement = confirm(\"Do you want to refresh the page? Any unsaved changes may be lost!\");\r\nif (acknowledgement)\r\n\t{\r\n\t\t\tsetTimeout(\"location.reload(true);\",5000);\r\n\t}\r\n}\r\n<\/pre>\n<p>Firstly, we ask the user for confirmation on whether he wants us to reload the page he&#8217;s working on by using another built-in function for that such as <code>confirm()<\/code>. If that answer is <code>Yes<\/code>, we go on with the automatic reload after 5 seconds (or you can change the timeout period). Otherwise, we don&#8217;t do anything and just leave them to work in peace.<\/p>\n<h2>5. Download the source code<\/h2>\n<p>This was an example of Refresh \/ Reload in Javascript.<\/p>\n<div class=\"download\"><strong>Download<\/strong><br \/>You can download the full source code of this example here: <strong><a><a href=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/02\/ReloadRefresh.zip\">ReloadRefresh<\/a><\/a><\/strong><\/div>\n","protected":false},"excerpt":{"rendered":"<p>When Javascript first started to be used on webpages, it had a very big advantage to it: It allowed the webpage to load information from the server asynchronously. These days you can make your webpage reload even without asking for the user&#8217;s permission, or by adding other features that improve the performance of your web &hellip;<\/p>\n","protected":false},"author":25,"featured_media":920,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-11064","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Javascript Refresh \/ Reload Example - Web Code Geeks - 2026<\/title>\n<meta name=\"description\" content=\"When Javascript first started to be used on webpages, it had a very big advantage to it: It allowed the webpage to load information from the server\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Javascript Refresh \/ Reload Example - Web Code Geeks - 2026\" \/>\n<meta property=\"og:description\" content=\"When Javascript first started to be used on webpages, it had a very big advantage to it: It allowed the webpage to load information from the server\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Code Geeks\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webcodegeeks\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/era.balliu.7\" \/>\n<meta property=\"article:published_time\" content=\"2016-02-22T14:15:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-01-10T14:22:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"150\" \/>\n\t<meta property=\"og:image:height\" content=\"150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Era Balliu\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@BalliuEra\" \/>\n<meta name=\"twitter:site\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Era Balliu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/\"},\"author\":{\"name\":\"Era Balliu\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/c27ecf40c810e6396ba93ffb829c7b0e\"},\"headline\":\"Javascript Refresh \/ Reload Example\",\"datePublished\":\"2016-02-22T14:15:44+00:00\",\"dateModified\":\"2018-01-10T14:22:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/\"},\"wordCount\":879,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg\",\"articleSection\":[\"JavaScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/\",\"name\":\"Javascript Refresh \/ Reload Example - Web Code Geeks - 2026\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg\",\"datePublished\":\"2016-02-22T14:15:44+00:00\",\"dateModified\":\"2018-01-10T14:22:29+00:00\",\"description\":\"When Javascript first started to be used on webpages, it had a very big advantage to it: It allowed the webpage to load information from the server\",\"breadcrumb\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/#primaryimage\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.webcodegeeks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript\",\"item\":\"https:\/\/www.webcodegeeks.com\/category\/javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Javascript Refresh \/ Reload Example\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"name\":\"Web Code Geeks\",\"description\":\"Web Developers Resource Center\",\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.webcodegeeks.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\",\"name\":\"Exelixis Media P.C.\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"width\":864,\"height\":246,\"caption\":\"Exelixis Media P.C.\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webcodegeeks\",\"https:\/\/x.com\/webcodegeeks\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/c27ecf40c810e6396ba93ffb829c7b0e\",\"name\":\"Era Balliu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f6adddf7eada210f682608fea9d8159441369ec622998a5851a447e0a2bfa3f3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f6adddf7eada210f682608fea9d8159441369ec622998a5851a447e0a2bfa3f3?s=96&d=mm&r=g\",\"caption\":\"Era Balliu\"},\"description\":\"Era is a Telecommunications Engineering student, with a great passion for new technologies. Up until now she has been coding with HTML\/CSS, Bootstrap and other front-end coding languages and frameworks, and her recent love is Angular JS.\",\"sameAs\":[\"http:\/\/www.webcodegeeks.com\/\",\"https:\/\/www.facebook.com\/era.balliu.7\",\"https:\/\/www.instagram.com\/eraballiu\/\",\"https:\/\/www.linkedin.com\/in\/eraballiu\",\"https:\/\/www.pinterest.com\/001r2gw0jt0ln6d\/\",\"https:\/\/x.com\/BalliuEra\",\"https:\/\/www.youtube.com\/c\/eraballiu\"],\"url\":\"https:\/\/www.webcodegeeks.com\/author\/era-balliu\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Javascript Refresh \/ Reload Example - Web Code Geeks - 2026","description":"When Javascript first started to be used on webpages, it had a very big advantage to it: It allowed the webpage to load information from the server","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:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/","og_locale":"en_US","og_type":"article","og_title":"Javascript Refresh \/ Reload Example - Web Code Geeks - 2026","og_description":"When Javascript first started to be used on webpages, it had a very big advantage to it: It allowed the webpage to load information from the server","og_url":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/","og_site_name":"Web Code Geeks","article_publisher":"https:\/\/www.facebook.com\/webcodegeeks","article_author":"https:\/\/www.facebook.com\/era.balliu.7","article_published_time":"2016-02-22T14:15:44+00:00","article_modified_time":"2018-01-10T14:22:29+00:00","og_image":[{"width":150,"height":150,"url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg","type":"image\/jpeg"}],"author":"Era Balliu","twitter_card":"summary_large_image","twitter_creator":"@BalliuEra","twitter_site":"@webcodegeeks","twitter_misc":{"Written by":"Era Balliu","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/#article","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/"},"author":{"name":"Era Balliu","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/c27ecf40c810e6396ba93ffb829c7b0e"},"headline":"Javascript Refresh \/ Reload Example","datePublished":"2016-02-22T14:15:44+00:00","dateModified":"2018-01-10T14:22:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/"},"wordCount":879,"commentCount":0,"publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg","articleSection":["JavaScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/","url":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/","name":"Javascript Refresh \/ Reload Example - Web Code Geeks - 2026","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/#primaryimage"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg","datePublished":"2016-02-22T14:15:44+00:00","dateModified":"2018-01-10T14:22:29+00:00","description":"When Javascript first started to be used on webpages, it had a very big advantage to it: It allowed the webpage to load information from the server","breadcrumb":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/#primaryimage","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/www.webcodegeeks.com\/javascript\/javascript-refresh-reload-example\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webcodegeeks.com\/"},{"@type":"ListItem","position":2,"name":"JavaScript","item":"https:\/\/www.webcodegeeks.com\/category\/javascript\/"},{"@type":"ListItem","position":3,"name":"Javascript Refresh \/ Reload Example"}]},{"@type":"WebSite","@id":"https:\/\/www.webcodegeeks.com\/#website","url":"https:\/\/www.webcodegeeks.com\/","name":"Web Code Geeks","description":"Web Developers Resource Center","publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webcodegeeks.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webcodegeeks.com\/#organization","name":"Exelixis Media P.C.","url":"https:\/\/www.webcodegeeks.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","width":864,"height":246,"caption":"Exelixis Media P.C."},"image":{"@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webcodegeeks","https:\/\/x.com\/webcodegeeks"]},{"@type":"Person","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/c27ecf40c810e6396ba93ffb829c7b0e","name":"Era Balliu","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f6adddf7eada210f682608fea9d8159441369ec622998a5851a447e0a2bfa3f3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f6adddf7eada210f682608fea9d8159441369ec622998a5851a447e0a2bfa3f3?s=96&d=mm&r=g","caption":"Era Balliu"},"description":"Era is a Telecommunications Engineering student, with a great passion for new technologies. Up until now she has been coding with HTML\/CSS, Bootstrap and other front-end coding languages and frameworks, and her recent love is Angular JS.","sameAs":["http:\/\/www.webcodegeeks.com\/","https:\/\/www.facebook.com\/era.balliu.7","https:\/\/www.instagram.com\/eraballiu\/","https:\/\/www.linkedin.com\/in\/eraballiu","https:\/\/www.pinterest.com\/001r2gw0jt0ln6d\/","https:\/\/x.com\/BalliuEra","https:\/\/www.youtube.com\/c\/eraballiu"],"url":"https:\/\/www.webcodegeeks.com\/author\/era-balliu\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/11064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/comments?post=11064"}],"version-history":[{"count":0,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/11064\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media\/920"}],"wp:attachment":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media?parent=11064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/categories?post=11064"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/tags?post=11064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}