Js使用细节

---

学习内容：

一，在页面中给元素添加事件语法

 1)使用元素的事件属性：onxxxx="f()"
  2)使用jquery对象：选择器.xxxx(function(){
                        //js代码
            //this
                    });
            *只能给固有元素添加事件
             固有元素：当调用事件函数给元素添加事件时，如果元素已经生成，则这些元素叫做固有元素；
             动态生成的元素：当调用事件函数给元素添加事件时，如果元素还没有生成，后来生成的元素叫做动态生成的元素。
  3)使用jquery的on函数：父选择器.on("事件类型",子选择器,function(){
                              //js代码
                  //this
                        });

                        父元素:必须是固有元素,可以直接父元素,也可以是间接父元素.
                   原则固有父元素范围越小越好.
            事件类型：跟事件属性和事件函数一一对应。
            子选择器：目标元素,跟父选择器构成一个父子选择器
            *不但能给固有元素添加事件，还能够给动态生成的元素添加事件。

二，js中截取字符串 

  str.substr(startIndex,length);//从下标为startIndex的字符开始截取，截取length个字符
  str.substring(startIndex,endIndex)//从下标为startIndex的字符开始截取，截取到下标是endIndex的字符
  var str="beijing";
  str.substr(2,3);//iji
  str.substring(2,3);//ij
3,ajax向后台发送请求时，可以通过data提交参数,data的数据格式有三种格式：
  1)data:{
       k1:v1,
       k2:v2,
       ....
    }
    *劣势：只能向后台提交一个参数名对应一个参数值的数据，
           不能向后台提交一个参数名对应多个参数值的数据。
       只能向后台提交字符串数据
     优势：操作简单
  2)data:k1=v1&k2:v2&....
    *优势：不但能够向后台提交一个参数名对应一个参数值的数据，
           还能向后台提交一个参数名对应多个参数值的数据。
     劣势：操作麻烦
           只能向后台提交字符串数据
  3)data:FormData对象
     优势：不但能提交字符串数据，
            还能提交二进制数据
     劣势：操作更复杂

持续学习中...

---

---