如果没有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('... 浏览器不给力,记不住啊 %>_<%');
}
}
});
效果:
请输入你的姓名: