history.pushState implements the browser page without refreshing the modified URL link

summer · Posted on 6/20/2019 10:17:16 AM

1. stateObject - stateObject is a JavaScript object that can pass stateObject content to a new page through the pushState method.

2. Title - Almost no browser supports this parameter, but it is safer to pass an empty string.

3. Address (URL) - the address of the new history entry (optional, if not specified, the current URL of the document); The browser does not load the address after calling the pushState() method; The incoming URL should be homologous to the current URL, otherwise, pushState() throws an exception.

Login is visible.

Little scum · Posted on 6/20/2019 10:55:31 AM

Many front-end frameworks now use this technique, click on the menu, the URL changes, and there are no new network requests

summer · Posted on 6/20/2019 11:24:05 AM

Small slag Posted on 2019-6-20 10:55
Nowadays, many front-end frameworks use this technique, click on the menu, the URL changes, and there are no new network requests...

Is that the new page content already in the cache?

Little scum · Posted on 6/20/2019 11:56:00 AM

Summer Posted on 2019-6-20 11:24
Is that the new page content already in the cache?

No, it is the first request, all the key content of the page has been downloaded, and then JS also has the concept of routing, giving you different content according to different URLs.

[JavaScript] history.pushState implements the browser page without refreshing the modified URL link

Sections viewed