1.小知识点

1).所有的javascript全局对象，函数以及变量均会自动成为window对象成员
2).在项目开发过程中，jsp加载js，后面的js有可能会覆盖之前的js
3).js函数中的return false作用：取消默认的事件行为，相当于终止符
4).在有的项目中会出现$().valid(),这是调用了jQuery校验输入是否正确的方法
5).window.confirm()是用于显示带有指定消息和确认及取消的对话框
6).在Controller中，在方法的上面使用注释@ResponseBody     return字符串  不会去找页面
7).herf  = "${PageContext.request.contextPath}/emp/delete?id=${emp}"
      {PageContext.request.contextPath}指的就是当前项目下
      /emp/delete 指的是访问后端的请求路径 （get请求）
8).实现简单的跳转页面，window.location.href = 请求路径
9).js中session的存取：
    存   -- sessionStrorage.setItem( "save", Json.stringify(saveData))
    去   -- json.parse(sessionStorage.getItem("save"))
10).css类名.selective-control.single{} :元素上同时有这两个类才能使用这个类
    css类名.selective-control   .singe {} : 父元素上有selective-control 子元素上singe 这个类才起作用
    两个css类名中间由逗号分隔，两个类是平级，都可以单独使用、
11).onload事件会在整个页面加载完成后才加载，window.onload = funtion ，页面元素想触发函数，function中的函数得用匿名函数
eg : window.onload = function (){
        document.getElementById("displayDate").onclick = function
    }
12).使用 对象.事件 = function  只能绑定一个事件

2.异常

错误：
  try {
  可能发生错误的代码
  } catch ( 错误的类型){
  发生错误后要执行的代码
  }finally{
  错误发生不发生都要执行的代码
  }

3.addEventListener()

addEventListener() : 用于监听某元素并且不会覆盖已存在的句柄
addEventListener(event , function ,useCapture)
  event : 事件的类型
  function : 事件调用后的触发函数
  useCapture : 是个布尔值用于描述事件是冒泡还是捕获，可选参数，一般是是false

4.用jQuery的AJAx

$ajax({
    async : false,
    url : 访问后台的路径，
    type : "POST"或者"GET",
    data : Json.stringify(传到后台的数据)，
    dataType : "json",
    contentType : "application/json ; charset = utf-8",
    success : function (后端传回的数据){}
    error : function (e){}
})

5.将表单转换成json对象

//转换的方法
$.fn.serializeObject = function () {             
    var o = {};
    var a = this.serializeArray();
    $.each(a, function () {
        if (o[this.name]) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
};

//直接调用
var params = $("#formId").serializeObject ();       //序列化直接获取

…

6.BOM中的对象

1).window对象       -- 整个浏览器窗口
2).Navigator对象    -- 浏览器信息，识别不同的浏览器
3).Location对象     -- 地址栏信息，操作浏览器的跳转
4).History对象      -- 浏览器历史信息，向前向后
5).Screen对象       -- 用户的屏幕信息

7.window.onload和$(document).ready()对比

window.onload = function                          $(document).ready()
1).等待页面中全部加载完（包括图片）                  1).只需等待页面中dom结构加载完毕
然后执行                                           然后执行
2).只能执行一次，如果执行第二次，将                  2).可执行多次，并且不会覆盖之前的
覆盖第一次