获取元素:
document.getElementById('id');
document.getElementsByTagName('标签');
document.body
事件:
onclick 点击
onmouseover 鼠标移入
onmouseout 鼠标移出
onchange select下的option的value 99%
函数:
声明:function 名字(){}
调用:名字()
取名字:
oBject 一个对象
aBject 多个对象
变量:
var 名字=值
判断:流程控制语句
if(条件){语句1}else{语句2}
if(条件1){语句1}else if(条件2){语句2}
case 情况1:
语句
break;
case 情况2:
语句
break;
}
break 打断执行 后面代码不执行
continue 跳过本次执行
return:返回值
1.可以返回任何东西
2.阻断后面代码执行
*****************************《选项卡》重点例子：
111
222
333
window.onload=function () {
//必加，后获取js代码
var oBox=document.getElementById('obox');
//文档 获取 元素 通过 id
var aBtn=oBox.getElementsByTagName('input');
var aDiv=oBox.getElementsByTagName('div');
for(var i=0;i
//循环
aBtn[i].a=i;
//给i赋值等于a
aBtn[i].onclick=function () {
//点击按钮aBtn触发的事件
for(var i=0;i
aBtn[i].className='';
//aBtn按钮样式为空
aDiv[i].style.display='none';
//div全部设置为不显示
}
this.className='red';
//让当前执行的aBtn按钮，为红色
aDiv[this.a].style.display='block';
//当前点击按钮触发的事件，当前的的div为显示
}
}
}
