Nb交互开发》实验教学指导/实验七:本地存储4 3、使用 cookie完成页面重定向问题 (1)限制页面在一天只能被加载一次的情况。打开情况如图7-3-1与7-3-2所示。 自网页的消息 页面重定向x ce∥D)☆≡‖ 页面已经被加载过 本页面是重定向页面 图7-3-1创建文件 图7-3-2页面己加载过 (2)部分代码如下所示 <script language="javascript"> function cookietestOt var cookiedate=new Date cookiedate. setDate(cookiedate. getDate(-+1); alert("页面已经被加载过") document. cookie=test=test expires="+cookiedate toUTCStringO window location href"index2. html </script> (3)请完成下面的任务 任务一:描述该功能的实现原理(3分)。 任务二:描述 Cookie的工作流程?(2分) 任务三:描述 Cookie的常用属性?(3分) 任务四:使用 Cookie存在哪些问题。(2分) 要求: 请将上述任务的操作方法,填写到实验报告册中。 六、自主实验步骤(20分) 1、使用 JavaScript与 indexed DB相结合,开发一个本地留言板 (1)完成下述任务。 任务一:完成留言板页面的编写。(5分) 任务二:完成数据库的创建。(5分) 任务三:完成数据的录入(5分) 任务四:完成数据的显示。(5分 本讲共计5页当前第4页《Web 交互开发》实验教学指导 / 实验七 ：本地存储 本讲共计 5 页 | 当前第 4 页 3、使用 cookie 完成页面重定向问题 （1）限制页面在一天只能被加载一次的情况。打开情况如图 7-3-1 与 7-3-2 所示。 （2）部分代码如下所示： <script language="javascript"> function cookietest(){ var cookiedate=new Date(); cookiedate.setDate(cookiedate.getDate()+1); if(document.cookie.length!=0){ alert("页面已经被加载过"); } else{ document.cookie="test=test;expires="+cookiedate.toUTCString(); window.location.href="index2.html"; } } </script> （3）请完成下面的任务： 任务一：描述该功能的实现原理（3 分）。 任务二：描述 Cookie 的工作流程？（2 分） 任务三：描述 Cookie 的常用属性？（3 分） 任务四：使用 Cookie 存在哪些问题。（2 分） 要求： 请将上述任务的操作方法，填写到实验报告册中。 六、自主实验步骤（20 分） 1、使用 JavaScript 与 indexedDB 相结合，开发一个本地留言板。 （1）完成下述任务。 任务一：完成留言板页面的编写。（5 分） 任务二：完成数据库的创建。（5 分） 任务三：完成数据的录入（5 分） 任务四：完成数据的显示。（5 分） 图 7-3-1 创建文件 图 7-3-2 页面已加载过