发表于: 2017-07-09 23:42:59

1 957


今天完成的事情:

       今天在师兄的指点下我使用了html5中的localstorage 例子采用json数据进行传输。

       学习完了慕课网jQuery基础的中的部分内容。

       查看了一下事件冒泡、数据传递。

明天计划的事情:

       看书10页,学习jQuery,继续任务四

遇到的问题:

       Json数据传递之前的问题,以及在何种条件下执行什么语句,条件逻辑我搞不清楚。

收获:

 

关于事件冒泡

事件冒泡是属于自下而上的触发事件的行为;

制事件触发顺序是否为事件捕获。true,事件捕获;false,事件冒泡

默认false,即事件冒泡。Jquerye.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修真院";  //数据储存起来了

   查看数据 alertlocalStorage.name;

 使用sessionStorage只是换了一个名字;

 使用json进行数据传递:

<script>
var arr =new Array("A","B","C","D");
console.log(arr);
var str =JSON.stringify(arr);
console.log(str);
localStorage.obj = str;

var str  = localStorage.obj;
var obj = JSON.parse(str);
console.log(obj)

</script>

不管是 localStorage,还是 sessionStorage,可使用的API都相同,常用的有如下几个(以localStorage为例):

·         保存数据:localStorage.setItem(key,value);

·         读取数据:localStorage.getItem(key);

·         删除单个数据:localStorage.removeItem(key);

·         删除所有数据:localStorage.clear();

·         得到某个索引的keylocalStorage.key(index);

 

 



返回列表 返回列表
评论

    分享到