- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Implement Onclick in JavaScript and allow web browser to go back to previous page?
For reaching the back page on button click, use the concept of −
window.history.go(-1)
Example
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css"> <style> </style> </head> <body> <input action="gotoPreviousPage" onclick="window.history.go(-1); return false;" type="submit" value="Click the button to Goto the Previous Page...." /> <script> </script> </body> </html>
To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.
Output
This will produce the following output −
After clicking the button “Click the button to Goto the Previous Page....”, you will reach the previous page as in the below screenshot −
- Related Articles
- How to Go back to previous activity in android
- Get the size of the screen, current web page and browser window in JavaScript
- How to allow the restricted resources from another domain in web browser with HTML5
- Does HTML5 allow you to interact with local client files from within a web browser?
- How to get the protocol and page path of the current web page in JavaScript?
- How to disable browser's back button with JavaScript?
- How to allow to go next internal pages in android webview?
- Difference between Web Browser and Web Server.
- How to prevent going back to the previous activity in Android?
- Go-Back-N ARQ
- How to check web browser support in HTML5
- Creating ‘Copy to Clipboard’ feature on a web page with JavaScript
- Sending response back from Node.js server to browser
- How to perform back and refresh in a browser in Selenium with python?
- Coolnovo a web browser similar to google chrome

Advertisements