<!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML5</title> <script type="text/javascript"> var index = 1; function add() { localStorage.setItem('key' + index,'hello,html5'); index ++; alert('增加成功!'); } function update() { localStorage.setItem('key1','你好,HTML5'); alert('更新成功!'); } function del() { localStorage.removeItem('key1'); alert('删除成功!'); } function query() { alert(localStorage.getItem('key1')); } function clearAll() { alert('清除了' + localStorage.length + '个元素'); localStorage.clear(); } function queryByIndex() { alert('下标为0的key:' + localStorage.key(0)); } </script> </head> <body> <input type="button" value="增加" onClick="add();"> <input type="button" value="修改" onClick="update();"> <input type="button" value="删除" onClick="del();"> <input type="button" value="查询" onClick="query();"> <input type="button" value="清除全部" onClick="clearAll();"> <input type="button" value="获得key" onClick="queryByIndex();"> </body> </html>