HTML5学习笔记

HTML5 中的一些有趣的新特性：

• 用于绘画的 canvas 元素
• 用于媒介回放的 video 和 audio 元素
• 对本地离线存储的更好的支持
• 新的特殊内容元素，比如 article、footer、header、nav、section
• 新的表单控件，比如 calendar、date、time、email、url、search

3. 拖放

   • 设置元素可拖放
   • 设置ondragstart事件 ，设置setData()
     

     function drag(ev)
     {
        ev.dataTransfer.setData("Text",ev.target.id);//设置被拖动数据的数据类型和值
     }
     

   • 设置放到哪
     

      function allowDrop(ev)
      {
        ev.preventDefault();//取消默认的不能放置
      } 
     

      function drop(ev)
      {
        ev.preventDefault();
        var data=ev.dataTransfer.getData("Text");//获得被拖的数据
        ev.target.appendChild(document.getElementById(data));
      }
     

4. • 新建一个canvas元素
     
   • js获得绘制环境