javascript复习笔记（三）

事件的分类：

一般事件：

修改DOM的样式属性时，通过驼峰法

例如fontSize   backgroundColor

 

Onfocus

Onblur

 

       functionclearInput(){

                     //获得输入框的值

                     varusername = document.getElementById("username");

                     username.value= '';

              }

              function getInput(){

                     //获得输入框的值

                     varusername = document.getElementById("username");

                     username.value= '请输入用户名';

              }

onchange

              function changeCont(){

                     //先获得下拉列表的值

                     varnum = document.getElementById("select");

                     varoptValue = num.value;

                     vardivCont = document.getElementById("div1");

                     divCont.style.fontSize= (optValue*10)+'px';

              }

 

Onload 事件：

整个文档（body）都被加载完之后才触发的事件

setInterval()  和 setTimeout 的区别

setTimeout（）多少秒之后执行某函数（执行1次）

setInterval()  每个多少秒执行某个函数（一直在执行）

              var str = "欢迎来到我的空间";

              function Move(){

                     //alert(str.substr(1));

                     //如何截取第一个字符

                     //alert(str.charAt(0));

                     str= str.substr(1)+str.charAt(0);

                     window.status= str;

                     document.title= str;

                     setTimeout("Move()",500);

              }

                     //setInterval("Move()",500);

             

 

鼠标事件

             移入移出（onmouseover，onmouseout）

                     functionchangeColor(){

                            //找到div

                            var div =document.getElementById("div1");

                            div.style.backgroundColor ="blue";                   

                     }

                     functionchangeRed(){

                            //找到div

                            var div =document.getElementById("div1");

                            div.style.backgroundColor ="red";             

                     }

 

 

backgroundColor  ----- 是驼峰法（DOM方式操作CSS样式的时候，）

普通的CSS文件的时候-------background-color

 

作业：

当用户输入的字符超过100个时，提示用户不能再输入了

 

              function sum(){

                     //获得用户输入的字符

                     varstr = document.getElementById("text");

                     varcont = str.value;

                     //统计用户输入的字符串的长度

                     varlen = cont.length;

                     document.getElementById("span1").innerHTML= "你当前输入了"+len+"个字符";

              }

 

表单事件

阻止表单提交

需要注意：onsubmit事件应该绑定在 form表单里，而不是submit按钮上