js入门的一些代码

获取元素:

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为显示

}

}

}