HTML5——LocalStorage的实例来自《Head First Html5》

LocalStorage作为HTML5新的功能，他与cookie，session有着相似的作用，将一些数据存在本地，然而有着更大的存储空间和持久性。cookie的使用需要加入一个cookies().Expires的过期时间段，LocalStorage则是一直在本地存储，删除时需要再次主动删除数据。

下面是一个简单的歌曲列表的例子（来自《head first html5》）​：

实现的效果为：文本框内输入歌名，点击add 按钮添加到下面空白处；关闭浏览器，再次打开以后直接显示已经添加的所有歌曲。