声明提前
声明提前会把变量声明提前,但是不会把赋值提前,
开关
图片的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>