{"id":11238,"date":"2016-03-16T16:15:46","date_gmt":"2016-03-16T14:15:46","guid":{"rendered":"http:\/\/www.webcodegeeks.com\/?p=11238"},"modified":"2017-12-21T15:27:28","modified_gmt":"2017-12-21T13:27:28","slug":"jquery-history-example","status":"publish","type":"post","link":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/","title":{"rendered":"jQuery History Example"},"content":{"rendered":"<p>The aim of this example is to show you how to use the jQuery for accessing the browser history.<\/p>\n<p>Sometimes the web site&#8217;s user may want to go back to the previous page or forward to the next page.<\/p>\n<p>The following methods can be used for this purpose.<\/p>\n<ol>\n<li><code>back()<\/code> method for loading the previous URL in the history list.<\/li>\n<li><code>forward()<\/code> method for loading the next URL in the history list.<\/li>\n<\/ol>\n<p>Let\u2019s look at some examples. To download the jQuery library, click <a href=\"https:\/\/jquery.com\/download\/\" target=\"_blank\">here<\/a>.<br \/>\n&nbsp;<br \/>\n[ulp id=&#8217;qGGDqWnle19VavkM&#8217;]<\/p>\n<h2>1. HTML<\/h2>\n<p>First of all you need to create two simple html documents.<\/p>\n<p><span style=\"text-decoration: underline\"><em>jQueryHistoryExample1.html<\/em><\/span><\/p>\n<pre class=\"brush:xml; highlight:[5]\">\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n\t&lt;title&gt;jQuery History Example Page 1&lt;\/title&gt;\r\n\t&lt;script src=\"jquery-2.1.4.min.js\"&gt;&lt;\/script&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n&lt;h1&gt;jQuery History Example Page 1&lt;\/h1&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<p><span style=\"text-decoration: underline\"><em>jQueryHistoryExample2.html<\/em><\/span><\/p>\n<pre class=\"brush:xml; highlight:[5]\">\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n\t&lt;title&gt;jQuery History Example 2&lt;\/title&gt;\r\n\t&lt;script src=\"jquery-2.1.4.min.js\"&gt;&lt;\/script&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n<h1>jQuery History Example Page 2<\/h1>\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<h2>2. jQuery History Examples<\/h2>\n<h3>2.1 Go to the previous page<\/h3>\n<p>Let\u2019s add the following simple html code to the jQueryHistoryExample1 page.<\/p>\n<pre class=\"brush:xml;\">\r\n    &lt;a href=\"jQueryHistoryExample2.html\" &gt;jQuery History Example&lt;\/a&gt;\r\n<\/pre>\n<p>And add following code to the jQueryHistoryExample2 page.<\/p>\n<pre class=\"brush:xml;\">\r\n   &lt;a href=\"javascript:retrun 0\" id=\"goToThePreviousPage\" &gt;Go To The Previous Page&lt;\/a&gt;\r\n<\/pre>\n<p>As you can notice, to get the previous page we need to use <code>back()<\/code> method. <\/p>\n<pre class=\"brush:js; highlight:[3]\">\r\n&lt;script type=\"text\/javascript\"&gt;\r\n\t$(\"#goToThePreviousPage\").click(function () {\r\n\t\twindow.history.back();\r\n\t})\r\n&lt;\/script&gt;\r\n<\/pre>\n<p>The result in the browser would be:<\/p>\n<figure id=\"attachment_11288\" aria-describedby=\"caption-attachment-11288\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/03\/jQueryHistoryExample1.gif\" rel=\"attachment wp-att-11283\"><img decoding=\"async\" src=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/03\/jQueryHistoryExample1.gif\" alt=\"jQueryHistoryExample1\" width=\"800\" height=\"300\" class=\"alignnone size-full wp-image-11283\" \/><\/a><figcaption id=\"caption-attachment-11288\" class=\"wp-caption-text\">Go to the previous page<\/figcaption><\/figure>\n<h3>2.2 Navigate by using <code>back()<\/code> , <code>forward()<\/code> methods<\/h3>\n<p>Let\u2019s add the following simple html code to the jQueryHistoryExample1 page.<\/p>\n<pre class=\"brush:xml;\">\r\n&lt;a href=\"jQueryHistoryExample2.html\" &gt;jQuery History Example&lt;\/a&gt;&lt;br\/&gt;\r\n&lt;a href=\"javascript:retrun 0\" id=\"forwardToTheNextPage\" &gt;Forward To The Next Page&lt;\/a&gt;\r\n<\/pre>\n<p>The <code>forward()<\/code> method had been used to access next page. <\/p>\n<pre class=\"brush:js; highlight:[3]\">\r\n&lt;script type=\"text\/javascript\"&gt;\r\n\t$(\"#forwardToTheNextPage\").click(function () {\r\n\t\twindow.history.forward();\r\n\t})\r\n&lt;\/script&gt;\r\n<\/pre>\n<p>And add following code to the jQueryHistoryExample2 page.<\/p>\n<pre class=\"brush:xml;\">\r\n   &lt;a href=\"javascript:retrun 0\" id=\"goToThePreviousPage\" &gt;Go To The Previous Page&lt;\/a&gt;\r\n<\/pre>\n<p>As you can notice, to get the previous page we need to use <code>back()<\/code> method. <\/p>\n<pre class=\"brush:js; highlight:[3]\">\r\n&lt;script type=\"text\/javascript\"&gt;\r\n\t$(\"#goToThePreviousPage\").click(function () {\r\n\t\twindow.history.back();\r\n\t})\r\n&lt;\/script&gt;\r\n<\/pre>\n<p>The result in the browser would be:<\/p>\n<figure id=\"attachment_11288\" aria-describedby=\"caption-attachment-11288\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/03\/jQueryHistoryExample2.gif\" rel=\"attachment wp-att-11288\"><img decoding=\"async\" src=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/03\/jQueryHistoryExample2.gif\" alt=\"Navigate by using back(),forward() methods\" width=\"800\" height=\"300\" class=\"size-full wp-image-11288\" \/><\/a><figcaption id=\"caption-attachment-11288\" class=\"wp-caption-text\">Navigate by using back(),forward() methods<\/figcaption><\/figure>\n<h3>2.3 Check History Length<\/h3>\n<p>Let\u2019s add the following simple html code to the jQueryHistoryExample1 page.<\/p>\n<pre class=\"brush:xml;\">\r\n&lt;a href=\"jQueryHistoryExample2.html\" &gt;jQuery History Example&lt;\/a&gt;&lt;br\/&gt;\r\n&lt;a href=\"javascript:retrun 0\" id=\"checkHistory\" &gt;Check History Length&lt;\/a&gt;\r\n<\/pre>\n<p>We can access the browser session history object length by using: <code> history.length <\/code>, it will return the number of browsing session history. It will return 1 even though we have nowhere to go to. Using this checking will helps as to make controlled navigation.<\/p>\n<pre class=\"brush:js; highlight:[3]\">\r\n&lt;script type=\"text\/javascript\"&gt;\r\n\t$(\"#checkHistory\").click(function () {\r\n\t\tvar historyLength = history.length;\r\n\t\talert(\"history length is \"+historyLength);\r\n\t});\r\n&lt;\/script&gt;\r\n<\/pre>\n<p>The result in the browser would be:<br \/>\n<figure id=\"attachment_11515\" aria-describedby=\"caption-attachment-11515\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/03\/jQueryHistoryExample3.gif\" rel=\"attachment wp-att-11515\"><img decoding=\"async\" src=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/03\/jQueryHistoryExample3.gif\" alt=\" Check History Length\" width=\"800\" height=\"300\" class=\"size-full wp-image-11515\" \/><\/a><figcaption id=\"caption-attachment-11515\" class=\"wp-caption-text\">Check History Length<\/figcaption><\/figure><\/p>\n<h2>3. Conclusion<\/h2>\n<p>jQuery provides us with simple methods for navigation to the next\/previous page in the history list. There are two main methods are used for this purpose. <code>back()<\/code> method is used for loading the previous page and <code>forward()<\/code> method for loading the next page. The <code>history.length<\/code> code is used to get the history length.<\/p>\n<h2>4. Download the Source Code<\/h2>\n<p>This was an example about jQuery history, jQuery history helps users to navigate our website.<\/p>\n<div class=\"download\"> <strong>Download: <\/strong>You can download the full source code of this example here: <a href=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/03\/jquery-history-example.zip\"><strong>jQuery History Example<\/strong><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The aim of this example is to show you how to use the jQuery for accessing the browser history. Sometimes the web site&#8217;s user may want to go back to the previous page or forward to the next page. The following methods can be used for this purpose. back() method for loading the previous URL &hellip;<\/p>\n","protected":false},"author":106,"featured_media":919,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[],"class_list":["post-11238","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>jQuery History Example - Web Code Geeks - 2026<\/title>\n<meta name=\"description\" content=\"The aim of this example is to show you how to use the jQuery for accessing the browser history. Sometimes the web site&#039;s user may want to go back to the\" \/>\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\/jquery\/jquery-history-example\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery History Example - Web Code Geeks - 2026\" \/>\n<meta property=\"og:description\" content=\"The aim of this example is to show you how to use the jQuery for accessing the browser history. Sometimes the web site&#039;s user may want to go back to the\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-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:published_time\" content=\"2016-03-16T14:15:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-12-21T13:27:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-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=\"Saeb Najim\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:site\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Saeb Najim\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/\"},\"author\":{\"name\":\"Saeb Najim\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/7554117e1066be33eda4c81bac192cc9\"},\"headline\":\"jQuery History Example\",\"datePublished\":\"2016-03-16T14:15:46+00:00\",\"dateModified\":\"2017-12-21T13:27:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/\"},\"wordCount\":393,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg\",\"articleSection\":[\"jQuery\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/\",\"name\":\"jQuery History Example - Web Code Geeks - 2026\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg\",\"datePublished\":\"2016-03-16T14:15:46+00:00\",\"dateModified\":\"2017-12-21T13:27:28+00:00\",\"description\":\"The aim of this example is to show you how to use the jQuery for accessing the browser history. Sometimes the web site's user may want to go back to the\",\"breadcrumb\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/#primaryimage\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-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\":\"jQuery\",\"item\":\"https:\/\/www.webcodegeeks.com\/category\/javascript\/jquery\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"jQuery History 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\/7554117e1066be33eda4c81bac192cc9\",\"name\":\"Saeb Najim\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1a6884eb32867720ef22a2a7728235120963a9a750d54d0356d5e3619ad3cd06?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1a6884eb32867720ef22a2a7728235120963a9a750d54d0356d5e3619ad3cd06?s=96&d=mm&r=g\",\"caption\":\"Saeb Najim\"},\"description\":\"Saeb has graduated from the University of Technology. During the last ten years (since 2005) he has been involved with a large number of projects about programming, software engineering, design and analysis . He works as a senior Software Engineer in the e-commerce and web development sector where he is mainly responsible for projects based on Java, Java frameworks, design patterns and Big Data technologies.\",\"sameAs\":[\"http:\/\/www.webcodegeeks.com\/\",\"https:\/\/www.linkedin.com\/in\/saebnajim\"],\"url\":\"https:\/\/www.webcodegeeks.com\/author\/saeb-najim\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jQuery History Example - Web Code Geeks - 2026","description":"The aim of this example is to show you how to use the jQuery for accessing the browser history. Sometimes the web site's user may want to go back to the","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\/jquery\/jquery-history-example\/","og_locale":"en_US","og_type":"article","og_title":"jQuery History Example - Web Code Geeks - 2026","og_description":"The aim of this example is to show you how to use the jQuery for accessing the browser history. Sometimes the web site's user may want to go back to the","og_url":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/","og_site_name":"Web Code Geeks","article_publisher":"https:\/\/www.facebook.com\/webcodegeeks","article_published_time":"2016-03-16T14:15:46+00:00","article_modified_time":"2017-12-21T13:27:28+00:00","og_image":[{"width":150,"height":150,"url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg","type":"image\/jpeg"}],"author":"Saeb Najim","twitter_card":"summary_large_image","twitter_creator":"@webcodegeeks","twitter_site":"@webcodegeeks","twitter_misc":{"Written by":"Saeb Najim","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/#article","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/"},"author":{"name":"Saeb Najim","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/7554117e1066be33eda4c81bac192cc9"},"headline":"jQuery History Example","datePublished":"2016-03-16T14:15:46+00:00","dateModified":"2017-12-21T13:27:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/"},"wordCount":393,"commentCount":0,"publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg","articleSection":["jQuery"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/","url":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/","name":"jQuery History Example - Web Code Geeks - 2026","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/#primaryimage"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg","datePublished":"2016-03-16T14:15:46+00:00","dateModified":"2017-12-21T13:27:28+00:00","description":"The aim of this example is to show you how to use the jQuery for accessing the browser history. Sometimes the web site's user may want to go back to the","breadcrumb":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-example\/#primaryimage","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-history-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":"jQuery","item":"https:\/\/www.webcodegeeks.com\/category\/javascript\/jquery\/"},{"@type":"ListItem","position":4,"name":"jQuery History 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\/7554117e1066be33eda4c81bac192cc9","name":"Saeb Najim","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1a6884eb32867720ef22a2a7728235120963a9a750d54d0356d5e3619ad3cd06?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1a6884eb32867720ef22a2a7728235120963a9a750d54d0356d5e3619ad3cd06?s=96&d=mm&r=g","caption":"Saeb Najim"},"description":"Saeb has graduated from the University of Technology. During the last ten years (since 2005) he has been involved with a large number of projects about programming, software engineering, design and analysis . He works as a senior Software Engineer in the e-commerce and web development sector where he is mainly responsible for projects based on Java, Java frameworks, design patterns and Big Data technologies.","sameAs":["http:\/\/www.webcodegeeks.com\/","https:\/\/www.linkedin.com\/in\/saebnajim"],"url":"https:\/\/www.webcodegeeks.com\/author\/saeb-najim\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/11238","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\/106"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/comments?post=11238"}],"version-history":[{"count":0,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/11238\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media\/919"}],"wp:attachment":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media?parent=11238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/categories?post=11238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/tags?post=11238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}