发表于: 2018-10-26 13:12:32
1 792
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
理一下任务逻辑
看红宝书作用域,变量,引用类型
明天计划的事情:(一定要写非常细致的内容)
开始写任务3
看红宝书
遇到的问题:(遇到什么困难,怎么解决的)
收获:(通过今天的学习,学到了什么知识)
理一下任务三的逻辑
获取总人数num
分配杀手K = num/4 (向下取整) 平民 num - K
洗牌函数
i < = 2*num
设置按钮,默认字体查看 i号玩家身份 默认选择翻拍
点击按钮,interhtml 按钮字体:隐藏并传递给i+1号
设置 三幅图
i /2 == 0 是 请隐藏 display block
i/2 != 0 if{ 是杀手 杀手图
是平民,平民图
i++
i == 2*num
法官查看
正则实例,有点多以后慢慢记
【6】 正则表达式应用——实例应用
验证URL
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | function IsValidUrl(str){ varregu= "^(https?://)" + "?(([0-9a-z_!~*'().&=+$%-]+:)?[0-9a-z_!~*'().&=+$%-]+@)?" + "(([0-9]{1,3}\.){3}[0-9]{1,3}" + "|" + "([0-9a-z_!~*'()-]+\.)*" + "([0-9a-z][0-9a-z-]{0,61})?[0-9a-z]\." + "[a-z]{2,6})" + "(:[0-9]{1,4})?" + "((/?)|" + "(/[0-9a-z_!~*'().;?:@&=+$,%#-]+)+/?)$" ; varre=newRegExp(regu); if (!re.test(str)){ return false ; } return true ; } |
通过url传参
如果是HTML页面的话JS传到新页面就window.location.href='a.html?id=100';然后a.html页面的JS就<div id="s"></div>
<script>
document.getElementById("s").innerHTML=window.location.split('?')[1];
</script>
如果是想要实现AJAX在a页面传参数到b页面并且在a页面的层显示b页面执行参数的结果的话就用AJAX了
这个写起来太多,给你jQuery的
<div id="a"></div>
$("#a").load("b.html?id=100");
//或者
$.get("b.html?id=100",function(data){
$("#a").html(data);
})
本地存储sessionStorage 或 localStorage
html5的话可以用 sessionStorage 或 localStorage
很容易的
sessionStorage 是会话存储,关闭浏览器就没了
localStorage 是持久化存储,完全可以替代cookie 存储空间更大。
实现方法
存:sessionStorage["par1"]="123";
取:sessionStorage["par1"]
localStorage实现方法和sessionStorage一样
localStorage资料:http://www.iteye.com/magazines/62-html5-local-storage
JavaScript静态页面值传递之Cookie篇
Cookie是浏览器存储少量命名数据.
它与某个特定的网页或网站关联在一起.
Cookie用来给浏览器提供内存,
以便脚本和服务器程序可以在一个页面中使用另一个页面的输入数据.
参数传出页面Post.htm—>
<input type=”text” name=”txt1″>
<input type=”button” value=”Post”>
<script language=”javascript” >
function setCookie(name,value)
{
/*
*————— setCookie(name,value) —————–
* setCookie(name,value)
* 功能:设置得变量name的值
* 参数:name,字符串;value,字符串.
* 实例:setCookie(‘username’,’baobao’)
*————— setCookie(name,value) —————–
*/
var Days = 30; //此 cookie 将被保存 30 天
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + “=”+ escape (value) + “;expires=” + exp.toGMTString();
location.href = “Read.htm”; //接收页面.
}
</script>
参数接收页面Read.htm—>
<script language=”javascript” >
function getCookie(name)
{
/*
*————— getCookie(name) —————–
* getCookie(name)
* 功能:取得变量name的值
* 参数:name,字符串.
* 实例:alert(getCookie(“baobao”));
*————— getCookie(name) —————–
*/
var arr = document.cookie.match(new RegExp(“(^| )”+name+”=([^;]*)(;|$)”));
if(arr !=null) return unescape(arr[2]); return null;
}
alert(getCookie(“baobao”));
</script>
优点:可以在同源内的任意网页内访问.生命期可以设置.
缺点:值长度有限制.
评论