這篇文章主要講解了“如何使用HTML5的localStorage對象”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“如何使用HTML5的localStorage對象”吧!
東方網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)公司!從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項目制作,到程序開發(fā),運營維護。成都創(chuàng)新互聯(lián)公司2013年至今到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗,來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。
在Bootstrap中,如果刷新頁面,則選項卡將重置為默認(rèn)設(shè)置。但是,您可以使用HTML5localStorage對象在瀏覽器中本地保存當(dāng)前選項卡的某些參數(shù),然后取回該參數(shù)以重新加載頁面上選擇的最后一個活動選項卡。
讓我們嘗試以下示例以了解其基本工作原理:
例試試這個代碼»
$(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');
}
});
Aliquip placeat salvia cillum iphone...
Vestibulum nec erat eu nulla rhoncus fringilla...
Nullam hendrerit justo non leo aliquet...
感謝各位的閱讀,以上就是“如何使用HTML5的localStorage對象”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對如何使用HTML5的localStorage對象這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!