原生JS学习记录

1. JS 中的内置对象

           例：

           document 对象

                  输出

                  document.write("Hello World");

                  元素

                  根据name获取元素的 数组

                   var userArr = document.getElementsByName("user2");

                   根据 Id 获取元素

                   var nodeDiv = document.getElementById("show");

                   元素取值赋值

                   文本取值

                   var nodeValue = nodeDiv.value ;

                   文本赋值

                  nodeDiv.value = '丰富的情怀' ;

                 div元素

                  nodeDiv.innerHTML= '丰富的情怀' ;

           window 对象

                   window.onload 会在文件(HTML的 body)加载完后加载。

                   window.onload=function(){};

2. 数据类型： 

          JS为弱数据类型，可以不声明。

          基本数据类型：

                  undefined, null, string, number, boolean, object

          typeof 返回的字符串

                   undefined, object, string, number, boolean, function

         isNaN 遇到 非数字类型 返回 true，数字类型 返回 false 。

3. 数组 Array

     JS中 数组下标不会越界，数组的下标在哪儿，数组的长度就有多大。

     定义数组

            第一种： war  arr = new Array(7);

            第二种： war  arr = new Array(1,2,3,23,3,4,7);

            第三种： war  arr = [1,2,3,23,3,4,7];

            第四中： war  arr = [ ];

3. for循环

        普通for循环

                

         for in 循环

                 

4.  样式

     JS中的样式

属性改颜色，传 this 或者 节点元素（node）

5.事件

    onclick event

第一种写法

<div id="show"  onclick="this.innerHTML='我来也'"></div>

事件的触发顺序

       事件的出发顺序是从里到外的