11.23图片轮播

声明提前

声明提前会把变量声明提前，但是不会把赋值提前，

开关

图片的src不能作为判断条件；
2种状态的切换，可以通过定义开关来实现；

<img src="images/file.png" id="img"/>
    <script>
        var onoff=false;
        var img=document.getElementById('img');
        img.onclick=function(){
            if(onoff){
                img.src='images/file.png';
            }else{
                img.src='images/file_select.png';
            }
            onoff=!onoff;//每执行一次函数改变一次；
        }
    </script>

获取元素

ID：document.getElementById('');
tag：document.getElementsByTagName('');//获取的是数组；
class：document.getElementsByClassName('');//获取的是数组；

图片轮播

顺序切换/循环切换；
0，当事件发生时；
1，需要将路径、图片描述定义为数组；
2，定义变量切换路径or图片描述；
3，判断条件：顺序or循环；

js向html添加元素的性能；

js内部运行性能较高，所以向HTML添加内容，先内部定义变量，后将变量赋给HTML；

<script>
    var str='';
        for(var i=0;i<10000;i++){
            str+='<span>'+i+'</span>'
        }
        document.body.innerHTML=str;
    </script>