如果没有IE6/IE7浏览器之Local Storage本地存储实例页面
代码:
HTML代码:
请输入你的姓名:<input type="name" /><input type="button" value="记住我" /> <p id="result"></p>
JS代码:
var zxxButton = $("input[type=button]"), zxxName = $("input[type=name]"), zxxResult = $("#result"), strName; if(window.localStorage && (strName = window.localStorage.getItem("myName"))){ zxxName.val(strName); } zxxButton.bind("click", function() { var value = zxxName.val().trim(); if (!value) { zxxResult.html('... 大哥,写点内容吧。'); } else { if (window.localStorage) { localStorage.setItem("myName", value); zxxResult.html('... 阿娜达,你的名字我已经记住了!不信你试试。'); } else { zxxResult.html('... 浏览器不给力,记不住啊 %>_<%'); } } });
效果:
请输入你的姓名: