JS(5)

复习(1)

var arr = [1,3,57];
var ar = new Array(); new object(); new Date();
var txt = [“宋江”,”张飞”] ;
txt.length; 属性
遍历数组：
for(var i=0;i<txt.length;i++){ console.log(txt[i]);}
txt[i] txt 数组

两个小循环

for(初始化; 条件; 增量){}
do {} while(条件)
while(条件) { 语句 }

var j = 1;
while(j<=100)
{
    sum1+=j;
    j++;
}
console.log(sum1);

do while 至少执行一次
while 不一定

多分支语句 switch

switch 跟 if else if else if else几乎一样的 但是switch效率更好。
作用其实就是 ： 多选1,从多个里面选1个 。
语法格式：

switch(参数)
{
case 参数1：
语句;
break; 退出
case 参数2：
语句;
break; 退出
……..
default: 默认的语句;
}

 <script>
    window.onload = function(){
    

        //获取元素
        var txt = document.getElementById("txt");
        var btn = document.getElementById("btn");
        btn.onclick = function(){
    
            var val = txt.value;
            switch(val)
            {
                case "苹果":
                    alert("苹果的价格是: 5元");
                    break;
                case "香蕉":
                    alert("香蕉的价格是: 2元");
                    break;
                case "梨":
                    alert("梨的价格是: 1.5元");
                    break;
                case "大白菜":
                    alert("大白菜的价格是: 9毛");
                    break;
                default:
                    alert("今天没进货");
            }
        }
    }
</script>

下拉菜单的事件 onchange

sele.onchange = function(){}
当改变的时候事件

<script>
    window.onload = function(){
    
        var sele = document.getElementById("sele");
        sele.onchange = function(){
    
           // alert(this.value);
            switch(this.value)
            {
                case "1":
                    document.body.style.backgroundImage = "url(images/chun1.jpg)";
                    break;
                case "2":
                    document.body.style.backgroundImage = "url(images/xia1.jpg)";
                    break;
                case "3":
                    document.body.style.backgroundImage = "url(images/qiu1.jpg)";
                    break;
                case "4":
                    document.body.style.backgroundImage = "url(images/dong1.jpg)";
                    break;
            }
        }

    }
</script>

数组常用方法

添加数组

var arr = [1,3,5];

push() ★★★★★ 后面推进去

push();方法可向数组的末尾添加一个或多个元素，并返回新的长度。
push 推进去
var ar