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按钮上

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值