好运11选5

<cite id="lhyvl"><p id="lhyvl"><wbr id="lhyvl"></wbr></p></cite>
  • <var id="lhyvl"></var>

    <code id="lhyvl"></code>
    <acronym id="lhyvl"></acronym>
    1. <code id="lhyvl"><ol id="lhyvl"></ol></code>

      <output id="lhyvl"><legend id="lhyvl"></legend></output>
    2. <acronym id="lhyvl"></acronym>

    3. <var id="lhyvl"><ol id="lhyvl"></ol></var><dd id="lhyvl"><u id="lhyvl"></u></dd>
    4. HTML5 Web存儲方式的localStorage和sessionStorage進行數據本地存儲案例應用_HTML5教程

      編輯Tag賺U幣

      推薦:Bootstrap 學習分享
      Bootstrap 是由Twitter 工程師推出的基于HTML,CSS,JAVASCRIPT的簡潔靈活的流行前端框架

      使用HTML5 Web存儲的localStorage和sessionStorage方式進行Web頁面數據本地存儲。

      頁面參考如下圖,能將頁面上的數據進行本地存儲。并能讀取存儲的數據顯示在頁面上。

      localStorage(本地存儲),可以長期存儲數據,沒有時間限制,一天,一年,兩年甚至更長,數據都可以使用。

      sessionStorage(會話存儲),只有在瀏覽器被關閉之前使用,創建另一個頁面時同意可以使用,關閉瀏覽器之后數據就會消失。

      某個博主的測試localStorage兼容情況,如下
      Chrome4+ 開始支持localStorage

      Firefox3.5+開始支持localStorage
      Firefox1.5+支持globalStorage

      IE8+支持localStorage
      IE7兼容模式支持localStorage
      IE5.5+支持userdata

      Safari 4+ 支持localStorage
      Opera10.5+支持localStorage

       

      復制代碼 代碼如下:www.se-nu.com

      <!DOCTYPE html>
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title></title>
      <style type="text/css">
      textarea {
      width: 300px;
      height: 300px;
      }
      .button {
      width: 100px;
      }
      </style>
      </head>
      <body>
      <script type="text/javascript">
      //使用HTML5 Web存儲的localStorage和sessionStorage方式進行Web頁面數據本地存儲。
      //頁面參考如下圖,能將頁面上的數據進行本地存儲。并能讀取存儲的數據顯示在頁面上。
      function saveSession() {
      var t1 = document.getElementById("t1");
      var t2 = document.getElementById("t2");
      var mydata = t2.value;
      var oStorage = window.sessionStorage;
      oStorage.mydata = mydata;
      t1.value += "sessionStorage保存mydata:" + mydata + "\n";
      }
      function readSession() {
      var t1 = document.getElementById("t1");
      var oStorage = window.sessionStorage;
      var mydata = "不存在";
      if (oStorage.mydata) {
      mydata = oStorage.mydata;
      }
      t1.value += "sessionStorage讀取mydata:" + mydata + "\n";
      }
      function cleanSession() {
      var t1 = document.getElementById("t1");
      var oStorage = window.sessionStorage;
      var mydata = "不存在";
      if (oStorage.mydata) {
      mydata = oStorage.mydata;
      }
      oStorage.removeItem("mydata");
      t1.value += "sessionStorage清除mydata:" + mydata + "\n";
      }
      function saveStorage() {
      var t1 = document.getElementById("t1");
      var t2 = document.getElementById("t2");
      var mydata = t2.value;
      var oStorage = window.localStorage;
      oStorage.mydata = mydata;
      t1.value += "localStorage保存mydata:" + mydata + "\n";
      }
      function readStorage() {
      var t1 = document.getElementById("t1");
      var oStorage = window.localStorage;
      var mydata = "不存在";
      if (oStorage.mydata) {
      mydata = oStorage.mydata;
      }
      t1.value += "localStorage讀取mydata:" + mydata + "\n";
      }
      function cleanStorage() {
      var t1 = document.getElementById("t1");
      var oStorage = window.localStorage;
      var mydata = "不存在";
      if (oStorage.mydata) {
      mydata = oStorage.mydata;
      }
      oStorage.removeItem("mydata");
      t1.value += "localStorage清除mydata:" + mydata + "\n";
      }
      </script>
      <div>
      <textarea id="t1"></textarea>
      <label>需要保存的數據: </label>
      <input type="text" id="t2" />
      <input type="button" class="button" onclick="saveSession()" name="b1" value="session保存" />
      <input type="button" class="button" onclick="readSession()" value="session讀取" />
      <input type="button" class="button" onclick="cleanSession()" value="session清除" />
      <input type="button" class="button" onclick="saveStorage()" value="local保存" />
      <input type="button" class="button" onclick="readStorage()" value="local讀取" />
      <input type="button" class="button" onclick="cleanStorage()" value="local清除" />
      </div>
      </body>
      </html>


      分享:input元素的url類型和email類型簡介
      在過去我們制作網頁輸入框,會用到不少JS驗證,如今有了HTML5寫這種效果已經沒有那么麻煩了,下面我來給大家介紹兩種HTML5的input的新增加的類型應用。

      來源:未知//所屬分類:HTML5教程/更新時間:2013-04-22
      相關HTML5教程
      东宁| 河口| 仙居| 乌鞘岭| 海伦| 平阳| 嘉黎| 东乡| 盖州| 冷湖| 独山| 南宁| 辉南| 献县| 翁牛特旗| 嘉定| 府谷| 丰宁| 大武| 攀枝花| 狮泉河| 增城| 海盐| 长白| 张家港| 上思| 山丹| 怀化| 北海| 石景山| 翁牛特旗| 茶陵| 包头| 伊金霍洛旗| 文安| 蒙阴| 金州| 郴州| 新和| 徐闻| 若羌| 宁乡| 共和| 赤水| 柳城| 垣曲| 广德| 屏山| 苍溪| 宜良| 黑河| 云澳| 靖安| 巴楚| 河南| 永平| 禹州| 大姚| 清水河| 平塘| 承德| 将乐| 开县| 黄陵| 固始| 南坪| 呼玛| 通化县| 沾益| 元阳| 沙县| 崇信| 宝鸡| 资源| 沅江| 焦作| 大安| 邓州| 昆明农试站| 英吉沙| 正宁| 泉州| 黄陵| 塔城| 临夏| 益阳| 东港| 中山| 宁乡| 开化| 巩留| 加格达奇| 通化| 新昌| 潮连岛| 青田| 朱日和| 千里岩| 三明| 防城港| 大理| 德惠| 阳高| 成武| 浑源| 通榆| 肇源| 阳山| 建瓯| 清河| 金川| 杨凌| 达州| 托托河| 夷陵| 霞云岭| 恭城| 喀左| 万全| 盐山| 伊通| 武胜| 洞口| 芜湖县| 潮连岛| 宜丰| 洋县| 巴盟农试站| 彭州| 黄泛区| 乐昌| 台儿庄| 礼县| 乾安| 拜城| 上饶| 中环| 汤原| 蒲县| 武城| 德州| 魏县| 金秀| 资溪| 安乡| 泾川| 临猗| 贞丰| 嘉黎| )| 临湘| 嘉祥| 清流| 剑川| 寿光| 宿州| 大竹| 平武| 信宜| 三江| 绥芬河| 姜堰| 潜山| 琼结| 邯郸| 汉阴| 天津| 姜堰| 华阴| 大竹| 郯城| 什邡| 五营| 沧州| 商洛| 聂拉木| 双鸭山| 黔阳| 冷水江| 莱西| 锡林高勒| 清徐| 金州| 荔浦| 天门| 乌审召| 安康| 平昌| 舍伯吐| 磐石| 靖边| 新乡| 玉屏| 德庆| 澜沧| 托克托| 建德| 徐州农试站| 策勒| 唐县| 防城港| 东明| 扎赉特旗| 汉沽| 大武口| 温县| 延边| 策勒| 颍上| 普洱| 新巴尔虎左旗| 龙川| 静海| 萝北| 西乌珠穆沁旗| 宝应| 平安| 峰峰| 四子王旗| 大厂| 蒙山| 吕泗渔场| 礼县| 林西| 石浦| 唐县| 沙县| 上思| 沙河| 普兰| 余杭| 什邡| 西盟| 魏山| 宁河| 永胜| 砚山| 沅陵| 武穴| 微山| 八达岭| 惠民| 延边| 宜兴| 孙吴| 商丘| 魏山| 吐尔尕特| 柳城| 波密| 宜章| 云浮| 新竹市| 洋县| 索县| 冠县| 阳城| 阳原| 准格尔旗| 临淄| 呼中| 鹰潭| 子洲| 高县| 大同县| 耀县| 阆中| 呼和浩特| 随州| 黄茅洲| 鄢陵| 长顺| 平昌| 腾冲| 永德| 南澳| 澧县| 仁和| 枝江| 阜康| 奉贤| 韶山| 博兴| 北京| 乾安| 柘城| 鹤山| 闻喜| 洛宁| 临高| 易县| 阿合奇| 云龙| 辽源| 嘉荫| 蛟河| 鹤山| 攀枝花| 通什| 三水| 洛宁| 郓城| 保山| 贵德| 阳山| 阿勒泰| 青县| 玉环| 德庆| 故城| 泽普| 宁陵| 三峡| 肇庆| 惠阳| 饶平| 永顺| 屏山| 长兴| 泽库| 柏乡| 香格里拉| 东莞| 宜城| 涪陵| 上杭| 察哈尔右翼后旗| 黑山头| 穆棱| 夏河| 金溪| 文昌| 巴雅尔吐胡硕| 大方| 中山| 资中| 长乐| 奉新| 温县| 五莲| 合川| 沅陵| 铜川| 宁蒗| 镇原| 涪陵| 新源| 镇远| 八达岭| 崇义| 耿马| 城口| 桦甸| 库尔勒| 隆安| 紫荆关| 光山| 凤县| 清原| 小金| 平舆| 澄城| 文山| 叶县| 大庆| 新郑| 藤县| 淄博| 遂川| 丽江| 科尔沁左翼后旗| 德惠| 广灵| 沂源| 新绛| 汶上| 昌邑| 容城| 马关| 南江| 郏县| 呼伦贝尔| 青龙山| 上海| 肥东| 东胜| 宿迁| 辽阳县| 慈利| 延吉| 合阳| 修武| 崇阳| 五河| 清流| 新津| 韦州| 太原| 澜沧| 凤凰