html5新属性，事件，API方法 笔记1.

与form验证相关的api方法

*setCustomValidity

 ——通过setCustomValidity方法自定义错误信息

——一旦设置后，在正确状态下要通过setCustomValidity（“”）清空错误信息

*checkValidity

——强制要求在脚本中对元素进行验证

——如果元素有效，返回true

1、invalid事件
   用户提交表单时，如果检测到无效域，则触发invalid事件
    1）添加
        document.forms[0].addEventListener("invalid",form_invalid,true);
    2）如何获取产生错误的表单元素?
        function form_invalid(event){
var tar = event.target;
}

   invalid的主要功能是定位到产生错误的元素.

2、ValidityState属性

封装了产生错误的几种验证状态
      1）、如何获取
               formElem.validity;
      2）、状态
               valid : 判断当前元素是否通过所有的验证
                 返回值为true，则通过所有验证
除valid属性外，其他的状态（属性），返回为true则说明没有通过当前验证

H5媒体相关元素

video、audio  
——子元素source
      <source> 与 src 区别？

      不允许更换视频
      <video>
<source src="" />
      </video>
      
      允许更换视频
      <video id="" src=""></video>

属性：src、control、autoplay、loop、poster

事件：
progress:更新媒体下载进度
canplaythrough:媒体可以顺利播放时触发
canplay:只要下载一定可放帧时触发
ended、pause、play、error
方法：play()、pause()
属性：paused、ended、duration、currentTime

Canvas是html上可以绘制图形的区域

在canvas上绘制图像 
      var canvas = document.getElementById("canvas");
      var ctx = canvas.getContext("2d");

      ctx.drawImage(img,x,y);

      如果图像是动态加载
      var img = new Image();
      img.src="路径";
      img.onload = function(){
ctx.drawImage(img,x,y);
      }
Canvas文字
      fillText("text",x,y);
      strokeText("text",x,y);
Canvas线条
      lineWidth : 线条宽度

      beginPath()
      closePath()

      moveTo() : 移动笔触
      lineTo() : 画线

拖放事件：
*源元素事件dragstart、drag、dragend
*目标元素事件
—dragenter、dragover、drop、dragleave
—以上事件执行时，要通过e.preventDefault()阻止默认行为。

Session代表服务器与浏览器的一次会话过程

      服务器上针对每一个用户所开辟的一段临时存储空间
      通常情况下，会将安全性较高的数据保存进session

      session的创建和使用总在服务端，而浏览器从来都没得到过session对象，不会因为浏览器的关闭而删除。

Session删除的时间是：

1）Session超时：超时指的是连续一定时间服务器没有收到该Session所对应客户端的请求，并且这个时间超过了服务器设置的Session超时的最大时间。
2）程序调用HttpSession.invalidate()
3）服务器关闭或服务停止