HTML5中Localstorage的使用教程[页7]

来源：网络编辑：佚名时间：2015-08-17人气：

美妞人体,特警傻后要休夫,成都大成网

<div id="msg" style="margin: 10px 0; border: 1px solid black; padding: 10px; width: 300px;
height: 100px;">
</div>
<input type="text" id="text" />
<select id="type">
<option value="session">sessionStorage</option>
<option value="local">localStorage</option>
</select>
<button onclick="save();">
保存数据</button>
<button onclick="load();">
读取数据</button>
<script type="text/javascript">
var msg = document.getElementById('msg'),
text = document.getElementById('text'),
type = document.getElementById('type');
function save() {
var str = text.value;
var t = type.value;
if (t == 'session') {
sessionStorage.setItem('msg', str);
} else {
localStorage.setItem('msg', str);
}
}
function load() {
var t = type.value;
if (t == 'session') {
msg.innerHTML = sessionStorage.getItem('msg');
} else {
msg.innerHTML = localStorage.getItem('msg');
}
}
</script>

人气超高的HTML5特效排行榜TOP 10

现在市面上有一大批HTML5页面模板制作工具，虽然方便了很多非专业设计师制作HTML5页面。但是不得不吐槽的是，很多模板工具平台上的作品大部分还停留在左飞入右飞出的初级境界，想感受真正精妙的高级特效，这10个专业人士的作品不得不看咯。

今天腾讯的同学从一款HTML5小游戏《植物大战僵尸》说起，分享一些动画实现的知识(动画可控性、如何兼容不同分辨率、如何识别平板手机等)，附上众多实现小技巧，来收