Shulou(Shulou.com)06/01 Report--

This article mainly explains "how to use HTML5's localStorage object". The content of the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "how to use HTML5's localStorage object".

In Bootstrap, if you refresh the page, the tab is reset to the default settings. However, you can use the HTML5localStorage object to locally save some parameters of the current tab in the browser, and then retrieve that parameter to reload the last active tab selected on the page.

Let's try the following example to understand how it works:

Try this code for example »

Keep Selected Bootstrap Tab Active on Page Refresh

$(document) .ready (function () {

$('a [data-toggle= "tab"]). On ('show.bs.tab', function (e) {

LocalStorage.setItem ('activeTab', $(e.target) .attr (' href'))

});

Var activeTab = localStorage.getItem ('activeTab')

If (activeTab) {

$('# myTab a [href= "'+ activeTab +']'). Tab ('show')

}

});

Section A

Section B

Section C

Section A

Aliquip placeat salvia cillum iphone...

Section B

Vestibulum nec erat eu nulla rhoncus fringilla...

Section C

Nullam hendrerit justo non leo aliquet...

Thank you for your reading, the above is the content of "how to use HTML5's localStorage object". After the study of this article, I believe you have a deeper understanding of how to use HTML5's localStorage object, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.