首先非常感谢网友袜子的无私分享,此Jquery特效是一款比较少用的功能,分享它主要是为了让大家学习和了解一下本地存储的作用,代码是很简单的,主要利用了浏览器的localStorage属性,IE9版本以下的浏览都不支持,大家运行的时候请选择IE9版本以上或谷歌、火狐等浏览器。。。
此作品包括以下功能:
1、本地存储(localStorage)
2、弹出消息提示特效(alertBox)
3、右键菜单删除
主要核心代码如下:
//判断兼容性
if(!window.localStorage){
alertBox("浏览器不支持本地储存!");
return;
}else{
for(var i in localStorage){
var value = localStorage.getItem(localStorage.key(i)).split(",");
var Tr = "<tr>" +
"<td>" + value[0] + "</td>" +
"<td>" + value[1] + "</td>" +
"<td>" + value[2] + "</td>" +
"</tr>";
$("#tb").append(Tr);
}
}
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友袜子 本地存储 弹出层 消息提示 表单验证 验证插件 localStorage