SQL PHP HTML JavaScript articles and free code
 

HTML and JavaScript code for back button in to go previous pages

We can show a back button using html code in our pages which can take the browser window to the previous page. This page will have a button or a link and by clicking it browser will return to previous page. This can be done by using html or by using JavaScript in the client side.

Code for HTML back button can be placed any where inside the page ( or inside body tag ). This button will work in same as the back button at the tool bar of our browser. Here also we can set to go previous one or more than one step of pages. Here is our button and simple code for back button of our browser.



Here is the code of this button

<INPUT TYPE="button" VALUE="Back" onClick="history.go(-1);">

This code will display one button and you can change the value parameter to display any text on the button. Here is the button to take you back to previous page. Note that the onClick event can be set to history.go(-3); to move back three steps. We can use +2 also to move forward two steps.

Using JavaScript
We can use JavaScript to create a link to take us back to previous or history page. Here is the code to move back the browser using client side JavaScript.

<a href = "javascript:history.back()">Back to previous page</a>

As you can see this requires JavaScript to be enabled in the client browser. Otherwise this code will not work.

Discuss this tutorial at forum

List of HTML Tutorials

 

Subscribe
Submit your email address and receive article and product notifications. Your email is safe with us.

Scripts
PHP
JavaScript
List of HTML Tutorial
HTML Tags
Color Chart
HTML Calendar
Tags on web page
Web Design
Subscribe
Submit your email address and receive article and product notifications. Your email is safe with us.