欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS中利用localStorage防止頁(yè)面動(dòng)態(tài)添加數(shù)據(jù)刷新后數(shù)據(jù)丟失

 更新時(shí)間：2017年03月10日 11:44:39   作者：東都花神  
本文給大家分享一段js代碼利用利用localStorage防止頁(yè)面動(dòng)態(tài)添加數(shù)據(jù)刷新后數(shù)據(jù)丟失問(wèn)題，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下

非常不多說(shuō)了，直接給大家貼代碼了，具體代碼如下所示：

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 <title>Document</title>
 <script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
 <ul>
  <li>555</li>
  <li>555</li>
  <li>555</li>
  <li>555</li>
 </ul>
 <button>button</button>
 <script type="text/javascript">
  var arrary_li = document.querySelectorAll("li");
  var num;
  $('button').on('click', function () {
    $('li').last().addClass('active')
    for (var i = 0; i < arrary_li.length; i++) {
     if (arrary_li[i].className === 'active') {
      num = i;
     }
    }
    localStorage.setItem('num', num)
    location.reload()
  })
  var getNum = parseInt(localStorage.getItem('num'));
  $('li').eq(getNum).addClass('active');
 </script>
</body>
</html>

以上所述是小編給大家介紹的JS中利用localStorage防止頁(yè)面動(dòng)態(tài)添加數(shù)據(jù)刷新后數(shù)據(jù)丟失，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

  • Javascript 判斷Flash是否加載完成的代碼

    Javascript 判斷Flash是否加載完成的代碼

    網(wǎng)站加入flash廣告代碼，利用DIV層來(lái)控制進(jìn)度的狀態(tài)，如果加載swf文件到100%的時(shí)候就顯示出flash，把AD層隱藏掉，請(qǐng)看下面實(shí)現(xiàn)方法。
    2010-04-04
  • 簡(jiǎn)述JS控制臺(tái)的使用

    簡(jiǎn)述JS控制臺(tái)的使用

    本文給大家介紹了js控制臺(tái)的使用，非常不錯(cuò)，具有一定的參考借鑒借鑒價(jià)值，需要的朋友參考下吧
    2018-07-07
  • js實(shí)現(xiàn)類選擇器和name屬性選擇器的示例步驟

    js實(shí)現(xiàn)類選擇器和name屬性選擇器的示例步驟

    這篇文章主要介紹了js實(shí)現(xiàn)類選擇器和name屬性選擇器的示例步驟，幫助大家更好的理解和使用js，感興趣的朋友可以了解下
    2021-02-02
  • 事件綁定之小測(cè)試 onclick && addEventListener

    事件綁定之小測(cè)試 onclick && addEventListener

    昨晚回去后，和雷子討論如何才能“檢測(cè)”到頁(yè)面上某個(gè)元素都綁定了哪些事件監(jiān)聽(tīng)函數(shù)，第一感覺(jué)就是應(yīng)該從瀏覽器入手，比如FF，或者Chrome等
    2011-07-07
  • JS訪問(wèn)SWF的函數(shù)用法實(shí)例

    JS訪問(wèn)SWF的函數(shù)用法實(shí)例

    這篇文章主要介紹了JS訪問(wèn)SWF的函數(shù)用法,實(shí)例分析了javascript訪問(wèn)swf文件的方法及易錯(cuò)點(diǎn)的處理技巧,需要的朋友可以參考下
    2015-07-07
  • JavaScript中ES6規(guī)范中l(wèi)et和const的用法和區(qū)別

    JavaScript中ES6規(guī)范中l(wèi)et和const的用法和區(qū)別

    這篇文章主要介紹了JavaScript中ES6規(guī)范中l(wèi)et和const的用法和區(qū)別，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-08-08
  • JavaScript事件詳細(xì)講解

    JavaScript事件詳細(xì)講解

    本文給大家介紹js事件詳解，涉及到事件流，事件處理，事件對(duì)象等方面的知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧
    2016-06-06
  • js添加綁定事件的方法

    js添加綁定事件的方法

    這篇文章主要為大家詳細(xì)介紹了js添加事件的通用方法，還為大家介紹了js綁定事件的常用方式，感興趣的小伙伴們可以參考一下
    2016-05-05
  • JavaScript刪除數(shù)組元素的方法

    JavaScript刪除數(shù)組元素的方法

    這篇文章主要介紹了JavaScript刪除數(shù)組元素的方法,實(shí)例分析了javascript中delete函數(shù)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-03-03
  • window.onbeforeunload方法在IE下無(wú)法正常工作的解決辦法

    window.onbeforeunload方法在IE下無(wú)法正常工作的解決辦法

    下面的代碼可以做到不管用戶是點(diǎn)擊了關(guān)閉，或者是在任務(wù)欄關(guān)閉、點(diǎn)擊后退、刷新、按F5鍵，都可以檢測(cè)到用戶即將離開(kāi)的消息。
    2010-01-01

最新評(píng)論