NaN的认识
Not a Numeber
NaN属于数值类型,是用来记录一个特殊的数值类型的字符,但是表示不是一个数字
NaN和自身也不相等
js书写位置
1.行内式:
点击我
2.外双内单的格式:
3.内嵌式:
4.外链式:
这对标签之间不能写任何东西。
onload事件的认识
1.获取标签
当页面加载完毕后才可以去获取标签,这样才能获取到标签
页面加载完毕可以通过window.onload
排他思想
选中的目标进行改变,其他没有选中的目标回复原状。
中心思想:首先清除所有人,然后留下我自己。
window.οnlοad=function(){}写一次
第一个
第二个
第三个
第四个
第五个
window.onload = function () {
//1.获取标签
var btns = document.getElementById('box').getElementsByTagName('button');
//2.点击每一个按钮让切换颜色
//2.1遍历按钮
for(var i = 0 ;i < btns.length;i ++){
btns[i].onclick = function () {
//2.2点击按钮的时候,我们要让其余的按钮为原来的颜色,我们点击的按钮为想要的颜色
//2.21.让所有的按钮的颜色为原来的颜色,我们需要拿到所有的按钮,所以我们需要遍历按钮
for(var j = 0; j < btns.length;j ++){
btns[j].className = '';
}
//2.22设置我们点击按钮为我们想要的颜色
// btns[i]:表示点击的按钮
//this:一般放在事件指令中,表示谁被触发了,就是我们事件源,这里就是表示点击了哪个按钮
this.className = 'curr';
}
}
}