自定义属性与索引值

	<ul>
        <li>html</li>
        <li>css</li>
        <li>javascript</li>
    </ul>
    <script>
    // for  in   用来循环对象
        //    语法 ：for(var x in obj){}
        // var json={
        //     "name":"wwwhhh",
        //     "age":"20",
        //     "sex":"女",
        //     "hobit":"无",
        // }
        //获取对象属性值的方法  obj.key    obj["key"]
        console.log(json.name);
        console.log(json["age"]);
        for(var key in json){
            console.log(key);
            console.log(json[key]);  //循环里获取对象用obj[ ]
            document.write('<h2>'+key+'----'+json[key]+'</h2>');
        }
    // while(){}
            // 语法：
            // 1、初始值
            // while(2、条件){
            //     3、执行的代码
            //     4、变化的量
            // }
        //输出0-100
        var i = 0;
        while(i<=100){
            console.log(i)
            i++;
        }

        //九九乘法表
        var x = 1;
        while(x<10){

            var y=1;
            while(y<=x){
                document.write(y+"*"+x+"="+y*x+"&nbsp"+"&nbsp")
                y++;
            }
            x++;
            document.write("<br>")
        }

    // do{}while()
            //语法：
            // 1、初始的值
            // do{
            //     2、执行的代码
            //     3、变化的量
            // }while(4、判断条件)

        //输出0-10
        var a=0;
        do{
            console.log(a);
            a++;
        }while(a<=10)    

        //特点：先执行后判断   不管条件成立与否，最少执行一次
        var a = 10;
        do{
            console.log(a)
            a++;
        }while(a<9)  //输出 10

    //break与continue 的区别
        //break   跳出循环
        for(var i=0;i<10;i++){
            console.log(i);  //输出01234
            if(i%2==0){
                console.log(i);  //输出0
                break;
            }
            console.log(i);  //输出0123
        }

        //continue  打断当前的循环  继续执行
        for(var i=0;i<10;i++){
            console.log(i);  //输出0-9
            if(i%5==4){
                continue;   // 打断当前的循环  继续执行
            }
            console.log(i);  //输出0123 5678
        }
    // this  自定义属性   自定义索引值
        console.log(this);   //  window对象
        var oli = document.getElementsByTagName("li");
        oli[0].onclick=function(){
            console.log(oli[0].innerHTML)
        }
        oli[1].onclick=function(){
            console.log(oli[1].innerHTML)
        }
        oli[2].onclick=function(){
            console.log(oli[2].innerHTML)
        }
        
        for(i=0;i<oli.length;i++){
            oli[i].onclick=function(){
            console.log(this.innerHTML);   //事件里面 触发谁 this就指向谁
            }
        }

    </script>