发表于: 2017-07-09 23:42:59
1 957
今天完成的事情:
今天在师兄的指点下我使用了html5中的localstorage 例子采用json数据进行传输。
学习完了慕课网jQuery基础的中的部分内容。
查看了一下事件冒泡、数据传递。
明天计划的事情:
看书10页,学习jQuery,继续任务四
遇到的问题:
Json数据传递之前的问题,以及在何种条件下执行什么语句,条件逻辑我搞不清楚。
收获:
关于事件冒泡:
事件冒泡是属于自下而上的触发事件的行为;
制事件触发顺序是否为事件捕获。true,事件捕获;false,事件冒泡
默认false,即事件冒泡。Jquery的e.stopPropagation会阻止冒泡,意思就是到我为止,我的爹和祖宗的事件就不要触发了。
事件的传播是可以阻止的:
• 在W3c中,使用stopPropagation()方法
• 在IE下设置cancelBubble = true;
在捕获的过程中stopPropagation();后,后面的冒泡过程也不会发生了~
3.阻止事件的默认行为,例如click <a>后的跳转~
• 在W3c中,使用preventDefault()方法;
• 在IE下设置window.event.returnValue = false;
关于数据传递:
Html5 存储,即存储在本地;
localStorage 和 sessionStorage
localStorage - 没有时间限制的数据存储 (意思为在你没有手动去清除它,它不会消失)
sessionStorage - 针对一个 session 的数据存储(当关闭浏览器后数据消失,但是刷新数据不会丢失)
localStorage 用法一:
localStorage.name="IT修真院"; //数据储存起来了
查看数据 alert(localStorage.name);
使用sessionStorage只是换了一个名字;
使用json进行数据传递:
不管是 localStorage,还是 sessionStorage,可使用的API都相同,常用的有如下几个(以localStorage为例):
· 保存数据:localStorage.setItem(key,value);
· 读取数据:localStorage.getItem(key);
· 删除单个数据:localStorage.removeItem(key);
· 删除所有数据:localStorage.clear();
· 得到某个索引的key:localStorage.key(index);
评论