发表于： 2018-09-25 20:46:51
1 689
今天完成的事情：今天任务三查看身份的页面已经做完，虽然过程比较比较曲折，做这个任务的时候感觉自己的逻辑思维能力真的是有待提高，任务四的逻辑真的需要好好梳理
明天计划的事情：明天做任务四
遇到的问题：1.页面传值的时候，没有什么概念，不知道怎样把任务2分配的值以怎样的形式存储，问了师兄：1，首先把分配的杀手和平民的数量分别循环生成两个数组；2将这两个数组拼接，乱序后形成一个数组，使用localStorage存储。
2.查看身份和身份传递完的逻辑当时比较混乱，最后梳理思路为：定义一个变量，记录点击的次数，通过点击的次数的奇偶判断需要切换的状态；比较麻烦的是根据点击 的次数计算序号值（真的是算了好久，不知道是不是这个方法太蠢）
收获：一、页面之间的传值（H5 localStorage）
1． 写数据，可以使用“.”,”[]”，以及setItems(key,value);3种方式。例如：
localStorage.name = zhangshan;//设置name为" zhangshan "
localStorage["name "] = " zhangshan";//设置name为" zhangshan "，覆盖上面的值
localStorage.setItem("name"," zhangshan ");//设置name为" zhangshan "
推荐使用setItem();
2.读数据，可以使用“.”,”[]”，以及getItems(key);3种方式。例如：
var a1 = localStorage["name"];//获取name的值
var a2 = localStorage. name;//获取name的值
var b = localStorage.getItem("name ");//获取name的值 ，推荐使用setItem();
ps:由于LocalStorage是存储到硬盘上的，如果我们不主动清理那么数据会永久保存到硬盘上，清理方式：localStorage.removeItem("name");如果希望一次性清除所有的键值对，可以使用clear();
localStorage与sessionStorage存储的必需是字符串，所以要根据自己需求进行转换。
二、网页自动跳转方法：
1.<meta http-equiv=refresh content="10;url=index.php">
其中content=10是10秒钟后跳转（我用的这种，可以控制时间）
2.第二种网页自动跳转方法：body onload自动跳转法 在网页加载时通过onload事件指定parent.location进行自动跳转。 示例如下： <body onload="parent.location=' http://xfbbs.com' "> 这种方法与第一种方法一样，能够被搜索引擎识别。
3.将跳转代码放在网页的head区域即可。 示例如下： <script language="javascript"> location.replace(" http://xfbbs.com/yule/tietu/ ") </script> 其中的“ http://xfbbs.com/yule/tietu/ ”是重定向目标地址。
4.表单自动跳转法：将表单中填写的内容，提交到action参数中指定的url地址中，目标url再对接收到的数据进行处理。利用这一点，我们可间接的实现网页跳转，只不过，我们并不需要提交任何表单内容。再结合javascript脚本，可以对表单进行自 动提交。 示例如下： <form name="form1" action= http://xfbbs.com/index.html method="get"> </form> <script language="javascript"> document.form1.submit() </script> 其中form1名称任意，但二处form1应该统一。action中的url地址必须以文件名结尾
5.程序跳转法（response.redirect 、server.transfer）
返回列表
评论