HTML5中可以用json对象来存取一组相关的对象,以下是个例子,我们收集一组用户输入信息,然后创建一个Object来囊括这些信息,之后用一个json字符串来表示这个Object,然后把json字符串存放在localStorage中。
之后,我们让用户检索名称,用名称为key去问localStorage取得对应的json字符串,然后解析json字符串到Object对象,吧相关信息依次从这个Object对象中提取出来,然后构造HTML文本,最后输出在指定位置:
HTML代码:
java script包含2个函数,一个是存数据,一个是取数据:
演示:
刚开始,我们设法构造多组信息,然后依次存放到localStorage中,如图(从控制台我们可以看到,我们录入了4组数据):

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