HTML5 鼠标拖拽以及web存储

                               html5
拖拽：
（function（）{}（））执行匿名函数，要用括号包括起来；
1:用鼠标事件来做拖拽；
2：在HTML5中加入draggable="true",就可以拖拽但是是分成了两个，这个更有效率；

ondragstart:拖拽开始；
ondrag:拖拽中
ondragend:拖拽结束；
ondragenter:进入投放去；
ondragover:投放区移动；
ondragleave:离开投放区；
ondrop:投放区投放；
          ondragover会阻止drop的发生；所以需要在ondragover里面加上
      e.preventDefault();阻止该默认事件的发生

                               地理定位：
navigator.geolocation:

                                web存储：
cookie:存放在客户浏览器端的数据；浏览器和服务器用来维持状态的方法之一； 有限制不超过4KB;每次提交到服务器。

sessionStorage：HTML5提供的一个方法，浏览器提交给服务器，没有大小的限制，但是有时间的限制，只有一次会话。

localStorage：HTML5提供的一个方法，没有大小的限制，也没有时间的限制。有固定的浏览器的存储位置。同一个浏览器可以共享。
                  都只能存储在浏览器。换了浏览器就没有。