JavaScript简介2

2018.1.13

JavaScript简介2

一，语句：

　　　　　　1，顺序：结束加分号；

　　　　　　2，分支：

　　　　　　　　　　A：让程序根据条件不同执行不同的代码；

　　　　　　　　　　B：if语句（1，if(条件){代码}      2，if(条件){代码}else{代码}     3，else if(条件){代码}       4，if(嵌套）；

　　　　　　　　　　C：switch...case语句：

 <script type="text/javascript">
    var a = 10;
        switch(a)
        {
            case 1:
            alert("1");
            
            case 2:
            alert("2");
            
            case 3:
            alert("3");
            
            case 10:
            alert("10");
            
            case 12:
            alert("12");
                
        }
    </script>

 

 

 

　　　　　　3，循环

　　　　　　　　　　A：循环操作某一个功能（执行某段代码）；

　　　　　　　　　　B：四要素（1，循环初始值     2，循环条件     3，状态改变      4，循环体）；

　　　　　　　　　　C：for（1，穷举     2，迭代）；

　　　　　　　　　　D：while；

　　　　　　　　　　E：两个关键词：break和continue；

二，数组

　　　　　　1，定义：new Array()：他的长度是动态变化的，里面可以方任意类型的元素。

　　　　　　　　　　组数元素的赋值：a[0]=123   ;     a[1]="hell"

　　　　　　　　　　数组取值：a[i]

　　　　　　　　　　数组属性：a.lenght:数组元素的个数，长度

　　　　　　　　　　方法：a.sort(    )；排列数组，按第一个字符排序，a.reversr(    );　翻转数组；　　　　　　　

　　　　　　　　　　A：Array(1,3.14,"aa")（给数据）；

　　　　　　　　　　B：Array(5)（给长度）；

　　　　　　　　　　C：[1,3.14,"aa"]（使用方括号定义）；

 

　　　　　　2，方法：push()：往数组里面追加元素；

　　　　　　3，属性：length：数组长度；

　　　　　　4，遍历：

　　　　　　　　　　A：for循环：for(var i=0;i<attr.length;i++)；

　　　　　　　　　　B：foreach形式：for(var a in attr)；

　　　　　　5，例子：

　　　　　　　　　　A：输入10个成绩，求总分，最高，最低；

　　　　　　　　　　B：添加数据时去重；

　　　　　　　　　　C：冒泡排序；

　　　　　　　　　　D：二分法查找数据；

三，函数四要素

　　　　　　　　1，返回类型

                          2，函数名

　　　　　　　 3，参数列表

　　　　　　　 4，函数体

四，windows对象

　　　　　　　　1，opener

　　　　　　　　2，open()

　　　　　　　　3，close()

　　　　　　　　4，setInteval()

　　　　　　　　5，setTimeout()

　　　　　　　　6，histroy

　　　　　　　　7，location

五，document对象

　　　　　　　　A，找元素

　　　　　　　　　　　　　　1，getElementById()根据ID找

　　　　　　　　　　　　　　2，getElementsByClassName()根据class找，返回数组

　　　　　　　　　　　　　　3，getElementsByName()根据name找，返回数组

　　　　　　　　　　　　　　4，getElementsByTagName()根据标签名找，返回数组

　　　　　　　　B，操作内容

　　　　　　　　　　　　　　1，普通元素（1，innerText获取内容文本   2，innerHTML获取内容代码；）

　　　　　　　　　　　　　　2，表单元素（value）

　　　　　　　　C，操作属性

　　　　　　　　　　　　　　1，setAttribute(属性名,属性值)设置属性

　　　　　　　　　　　　　　2，removeAttribute(属性名)移除属性

　　　　　　　　　　　　　　3，getAttribute(属性名)获取属性

　　　　　　　　D，操作样式（a.style.width获取样式）

　　　　　　　　

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/sgb13527/p/8287389.html