dom 的其他类事件

dom 的其他类事件：
1.onfocus 事件
2.onblur 事件
3.onresize 事件
4.onscroll 事件
5.onchange 事件
6.onload 事件
先来说说onload 事件，如果把JS 代码放在最前面即在样式表后面，主体代码前面的话，是会按顺序先执行JS 代码的，再往后执行，所以要想它能正常执行的话用：

window. onload =function (){
          //要执行的JS 代码
}

这样的话，这一整段代码放在任何一个部分都能正常执行。
再来讲onfocus 与onblur 事件，指的是获得焦点与失去焦点事件，例如：

txt. onfocus =function (){
       this. style. backgroundColor =red; 
}
txt. onblur =function (){
       this. style. backgroundColor=blue; 
}

onresize 事件表示当框架即浏览器页面的尺寸发生改变时，会触发该事件，例如：

window. onresize =function (){
        alert ("尺寸大小发生改变");
}

onscroll 表示滚动条滚动事件，滚动条滚动时触发该事件，比如把样式改写成：body {height: 2000px; }那么这样会显示滚动条了，接下来滚动一下就会有这样的事件：

window. onscroll =function (){
        alert ("滚动条滚动了");
}

最后一个onchange 事件，是专门针对下拉列表框所准备的，当框内的值发生了改变时，会触发该事件，从而执行该段代码：
一个选框的id为city ，那么

var  city =document. getElementById ("city ");
city. onchange =function (){
         switch (常量表达式  这里是city. value){
         case 常量表达式一，这里是0:
                  alert ("天津");
                  break; 
         case 常量表达式二，这里是1:
                   alert ("北京");
                   break; 
          default: 
                  alert ("上海");
                  //这里不用加break; 
        }
}

改变选框值即改变代码值，会弹出不同的答案，这就是onchange 事件的用法。

喜欢我文章的朋友记得给我点个赞哦⊙∀⊙！专注致力于前端网页设计@