JS编程艺术

一、JS数据类型

• string         字符串  转移符：反斜杠“ ”
• number      数值   integer整数 / float浮点数
• boolean     布尔值 true / false
• object         对象 包含在对象里面的数据两种形式：属性：隶属于某个特定对象的变量 / 方法：只有某个特定对象才能调用的函数
  • • 用户定义对象：由程序员自行创建的对象 new  创建对象实例
    • 内建对象：预先定义并用在自己脚本里面的对象，内建在JavaScript语言里的对象，包括Array对 / Math对象 / Date对象
    • 宿主对象：由web浏览器提供的预定义对象，主要包括Form、Image和Element
• function      函数

       字符串、数组、布尔值属于离散值

二、算术操作符

• “ 字符串 "+ 数字 = 字符串数字（拼接）

            数字 + 数字 = 算术和

三、DOM、

• DOM的节点
  • 元素节点   元素节点不一定包含文本节点和属性节点， 比如ul等。
  • 文本节点
  • 属性节点

•  DOM实用方法：
  • getElementByID                 获取ID为“”的元素
  • getElementsByTagName     获取标签为“”的一组数组，返回一个数组
  • getAttribute                      获取元素属性节点的值
  • setAttribute                      获取并允许设置属性节点的值
  • childNodes                       检索任意元素的所有子元素，返回的一个数组
  • nodeType                         元素节点的nodeType属性值是1，属性节点的nodeTypeshi 2,nodeType属性值是3 
  • NodeValue                        检索和设置节点的值
  • firstchild / lastchild
  • document.write(" ")                                                   字符串插入到文档里
  • element.innerHTML=" "                                             获取或修改文档内容
  • createElement（"newElement"）                                创造一个元素节点
  • createTextNode("newText")                                       创建一个文本节点
  • appendChild("newElement" or "newText")                    文档的某个节点中添加新创建的节点
  • insertBefore()    parentElement(共同的父元素，等于targetElement.parentNode).insertBefore(newElement,targetElement)                  将新元素插入到先有元素的前面

• 实用的通用性函数

  • //编写insertAfter()   newElement插入targetElement之后
    function insertAfter(newElement,targetElement){
       var parent=targetElement.parentNode;
       if(parent.lastChild==targetElement){
         parent.appendChild("newElement");
       }
      else{
         parent.insertBefore(newElement,targetElement.nextSibling);
       }
    }

  • //addLoadEvent()  页面加载
    function addLoadEvent(func){
      var oldonload=window.onload;
      if (typeof window.load!="function") {
         window.onload=func;
      }
     else{
         window.onload=function(){
           oldonload();
           func();
            }
      }
    }

    addLoadEvent(newfunction);
    addLoadEvent(newfunction_1);