js回顾

回顾

  js

组成部分

      ECMAScript

      BOM

      DOM

                       变量声明~~  var  变量名 =  初始化值；

                       数据类型

                           原始类型

                                      undefined  null   String   Number    Boolean  伪对象     

                      可以通过typeof运算符  可以判断是哪种数据类型 string

                      typeof  值|类型

          引用数据类型：

                      Boolean 

                      Number

                      String

                          常用属性：length

                          常用方法：substring   split  replace 

                      Array

                          常用属性：length

                          Array长度可变，可以存任意的值

                      Math：

                      Date：

                      RegExp：

                           常用方法：test()

                           //正则表达式~~

                      全局变量：

                           decodeURI：解码

                           eval：计算字符串 （解析js代码）

                           运算符： 

                                   关系运算符： 等值运算符  ==（数值相等） ===（类型及值）                          语句：

                           分支  循环

-----------------------------------------------------------------------BOM:浏览器对象模型

      window窗口

             常用属性：

                      获取其他四个对象：1）window.location                                                          常用方法：

                               消息框：alert()  confirm()  prompt()        

                               定时器：setInterval()   周期

                                        setTimeout     延迟

                               打开   关闭

                                       open()  close()

                               location：

                                       定位：通过   location.href="url"~~~~ 设置链接

                               history:历史记录 跳转窗口 前后

                                       go(-1)

 

-----------------------------------------------------------------------

关于事件和函数：

    需要掌握的事件：

         焦点：  onfocus(); onblur()

         表单：  onsubmit(); onchange()(二级联动的时候用到)

         页面加载元素：onload

         常用方法：         

              window.onload = function(){}

         点击事件：

              onclick()

         函数：

              方式一：function  函数名(参数列表){  函数体  }  

              方式二：匿名函数：

                      例如：window.onload = fucntion(){}

         事件绑定：

              第一种：通过元素给事件属性

                      <XXX onxxx="函数名(参数)"></XXX>

                      若函数中出现this：当前 dom对象传给参数

              第二种：

                     dom对象.onXXX = function(){}

------------------------------------------------------------------------

DOM：文档对象模型             

html标签加载到内存中会形成dom树

       节点：

            文档节点： document 

            元素节点： element

            属性节点： attribute

            文本节点： text

获取节点通过document

            对于节点属性进行操作：

                  document获得对象.属性

            操作元素标签体

                  document获得对象.innerHTML