This means that if we're on a page A in tab T and work with History object there, we could operate on the history of the session of tab T only, not any other tab. In this way, we can say that a new browser tab denotes a new session.Īnd coming back to our definition, the History API gives us control over the current session.
If you go back to the previous tab you were working in, you go back to its respective session. The moment you open up a new tab, you're in a new session.
You open up a browser tab, navigate to page A, read something, then navigate to page B to message your friend, then navigate to page C to learn about JavaScript - all this denotes a session. It says that the History API deals with the 'history of the current session'. The last part in the previous sentence is very importance to understand. History holds a History object with properties and methods to aid us in working with history of the current session.
Here we discuss the introduction to JavaScript History Object along with respective examples.The History API is exposed to us via the history property on the global window object. This is a guide to JavaScript History Object. This history object can be used to go to a particular page or URL, previous URL or forward URL in the visited URLs using three methods which are go(), back() and forward() respectively. The browsers history object contains history of all the web pages or URLs the user has been visited. Output: And once we click the above Forward Method button, the output is Output: once we click the above Back Method button, the output is Here again have two html pages h1.html and h2.html, where h1.html contain the link for h2.html and history object forward() method, the h2.html contain same as above. The history.forward() method used to load the forward page from history URLs.
#Java script history back code#
Next we rewrite the above html code to see working of history.forward() method. Click the below button to go back prevous page visited by the user by using go method. Here we will create again two html pages h1.html and h2.html, where h1.html will contain the link for h2.html and h2.html will contain code to call history object go(-1) method which go just one step backward. If we pass greater than 0 value to the go() method then it loads the forward page for example go(2) goes two steps in forward direction, if we pass lesser than 0 value to the go() method then it loads the backward page for example go(-1) goes one step in backward direction. Next we write the html code to understand the working of history.go(), the history.go() method used to loads the particular page(forward or the backward) from history URLs. Output: And once we click the above Back Method button, the output is Output: Once we click the above link, the output is Click the below button to go back prevous page or URLs visited by the user. So once the back method called it go to the previous URL that is h1.html, as in below code – Here we will create two html pages h1.html and h2.html, where h1.html will contain the link for h2.html and h2.html will contain code to call history object back() method. Next we write the html code to understand the working of history.back() method more clearly with the following example, the history.back() method used to load the previous page from history URLs. Output: Once we click on the Length Property button the output is Īlert( "The number of URLs in the browser history is " + ) Click the below button to see the number of URLs visited by the user. This Is An Example For History Object In JavaScript Next we write the html code to understand the working of history.back() method more clearly with the following example, the history.back() method used to load the previous page from history URLs using the button element: forward(): forward() method loads the next page which is same as clicking forward button in the browser.Įxamples to Implement JavaScript History Objectīelow are the examples mentioned: Example #1.back(): back() method loads the previous page which is same as clicking backward button in the browser.This method use as go(distance) which is same as clicking the forward or the backward button to the specified page. go(): go() method loads the specified page number in browser.
0 kommentar(er)
