HTML5中可以用json对象来存取一组相关的对象，以下是个例子，我们收集一组用户输入信息，然后创建一个Object来囊括这些信息，之后用一个json字符串来表示这个Object，然后把json字符串存放在localStorage中。

之后，我们让用户检索名称，用名称为key去问localStorage取得对应的json字符串，然后解析json字符串到Object对象，吧相关信息依次从这个Object对象中提取出来，然后构造HTML文本，最后输出在指定位置：

HTML代码：

java script包含2个函数，一个是存数据，一个是取数据：

演示：

刚开始，我们设法构造多组信息，然后依次存放到localStorage中，如图（从控制台我们可以看到，我们录入了4组数据）：

然后我们进行检索，比如我们输入“王帅哥”，那么和'王帅哥“相关的信息就会展示在下面：