Back one page html

Window history.back()

The history.back() method loads the previous URL (page) in the history list.

The history.back() method only works if a previous page exists.

Note

history.back() is the same as history.go(-1) .

history.back() is the same as clicking «Back» your browser.

See Also:

Syntax

Parameters

Return Value

Browser Support

history.back() is supported in all browsers:

Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	Yes

COLOR PICKER

Report Error

If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:

Thank You For Helping Us!

Your message has been sent to W3Schools.

Top Tutorials

Top References

Top Examples

Get Certified

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Источник

History: back() method

The History.back() method causes the browser to move back one page in the session history.

It has the same effect as calling history.go(-1) . If there is no previous page, this method call does nothing.

This method is asynchronous. Add a listener for the popstate event in order to determine when the navigation has completed.

Syntax

Parameters

Return value

Examples

The following short example causes a button on the page to navigate back one entry in the session history.

HTML

button id="go-back">Go back!button> 

JavaScript

.getElementById("go-back").addEventListener("click", () =>  history.back(); >); 

Specifications

Browser compatibility

BCD tables only load in the browser

See also

Found a content problem with this page?

This page was last modified on Apr 7, 2023 by MDN contributors.

Your blueprint for a better internet.

MDN

Support

Our communities

Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

Источник

How to Redirect from One page to Another in HTML on Button Click?

Let’s say you are designing an e-commerce website. A user lands on the log-in screen and fills in their details. What do you think will happen once the system verifies their credentials? You need to redirect them to their dashboard screen.

Redirect means changing the URL and web page. For example, let’s say you are currently browsing a current page of a website having URL example.com/page-a. Now, let’s say you click a link or button and transfer to another web page of the same website having URL example.com/page-b. This is called redirecting. It is widely used on a website.

Add an Image depicting redirecting in HTML from one page to another. Sample Image

There are several ways in which you can redirect a user:

• The user can initiate redirecting in several ways.
• They can be redirected by clicking on a button or clicking on a link.

In this article, we will explore several ways on who to redirect from one page to another in HTML on a button click.

Redirect using HTML Form Tag

The first way through which you can redirect from one page to another is by clicking a button. You can use a form for this purpose. The form tag in HTML has an attribute action where you can give the URL of the webpage where you want the form button to redirect. The form tag also has another attribute method. Just set the method attribute to POST , which means you are sending the data, and mention the URL in the action attribute. Once you submit the form, it will redirect you to the particular URL and webpage corresponding to that URL.

Syntax:

Code:

Form tags are widely used when you wish to submit user data to the backend, such as during sign-up or log-in.

Redirect using HTML Anchor Tags

If you wish to redirect the user, then you can use the good old anchor tags in HTML. All you need to do is provide the reference or URL of the webpage you need the user to redirect.

Syntax

Code:

Using location.href and location.replace

Apart from using HTML, you can also use Javascript to redirect users to your website. Javascript provides pre-built functions that one can use for redirecting. You can use location.href and location.replace to redirect the user from one page to another.

Syntax

You can add an event listener such as onClick to simulate a button click for redirecting. The location.replace function replaces the current URL with the one you provide, while the location.href creates a link between two pages. This means that once you click on a button that redirects using replace function, you cannot navigate back to the original document using the back button.

Code:

Redirect to Another Page after Form Submit HTML

If you want the user to be redirected after they have submitted their details, then you can use form tags. The attributes of form tags action and method can be used to achieve this. The action attribute specifies the path to which the URL will be redirected once the form is submitted. The method attribute specifies the HTTP method that needs to be used when submitting the form.

After you have filled out the form and clicked submit, then you will be redirected to the dashboard section of the website.

How to Redirect to Another Web Page Using jQuery or JavaScript?

The window.location.href and window.location.replace functions can be used in JQuery as well. You can add an event listener to an element in HTML. Then, you can use the location.href or location.replace method for redirecting.

Code:

In the above code, you have added the event Listener click that will activate when you click on the button. It will activate the function redirectFunction that will use location.href function to redirect to another page.

Conclusion

• Redirecting refers to changing the URL of a website and the webpage associated with it when the user interacts with the website.
• This article explains how to redirect from one page to another in HTML on a button click.
• You can use form tags in HTML for redirecting. The action and method attributes can be used for redirecting to another page.
• Anchor tags can also be used for redirecting. You can specify the URL in the href attribute of anchor tags in HTML.
• Javascript and JQuery also provide support methods for redirecting. You can add event listener functions and call these methods to redirect the user to another page on the website.

Источник