javascript知识点复习

一、概念

javascript 是一门类C的语言，与C、C#，Java的语法类似，所以在讲解时就不全面去介绍javascript的语法了而是着重介绍它的不同之处。

 

二、javascript的使用

1、在页面中放置javascript脚本方法

• 将javascript脚本放置在 标签之间，script标签可以放置在页面任何地方，但通常我们会放置在页头或页脚中。

• 外部javascript：将脚本保存为单独的javascript文件（扩展名为js），然后通过 来将脚本引入页面。要注意外部脚本不能包含 

• 在按钮的 click 事件中进行验证，验证通过后使用 form.submit() 发送

button" value="提交2" onclick='checkdata2()'>
 
    function checkdata2(){
        with(document.myform){
            if (username.value.length==0) {
                alert('用户名不能为空！');
                username.focus();
                return false;
            }else{
                myform.submit();
            }
        }
    }

 2.常用验证：

1）必填（或必选）项目

//if(value==null||value=="")
 if(value.length==0){
    alert('必须输入')；
 }

 2）长度验证

if(value.length>50){
    alert('不能超过50个字符');
}

 3）是否全为数字

function  isNumber(String){ 
    var  Letters  =  "1234567890";  //可以自己增加可输入值
    var  i;
    var  c;
    for(  i  =  0;  i  <  String.length;  i++){ 
        c  =  String.charAt(  i  );
        if  (Letters.indexOf(  c  )  <  0)
        return  false;
    }
    return  true;
}

 4）email验证

function isEmail(value){
    apos=value.indexOf("@")
    dotpos=value.lastIndexOf(".")
    if (apos<1||dotpos-apos<2) {
        return false}
    else {return true}
}

 

六、通过javascript来操作DOM元素

1.操作方法：

• 获取操作元素

document.getElementById(id); //通过id来获取dom元素
document.getElementsByTagName(tag); //通过html标签名称来获取dom元素集合，返回的为数组
document.getElementsByClassName(class); //通过类名来获取dom元素集合，ie9以上支持

• 改变 HTML 元素的内容 (innerHTML)：

//document.getElementById(id).innerHTML=new HTML



  
intro">Hello World!

• 改变 HTML 元素的属性：

document.getElementById(id).attribute=new value

• 改变 HTML 元素的样式 (CSS)：

document.getElementById(id).style.property=new style
//或
document.getElementById(id).className='styleclass';

• 对 HTML DOM 事件对出反应：

HTML 事件属性来绑定函数

 displayDate()">单击这里


使用 HTML DOM 来分配事件

 document.getElementById("myBtn").onclick=function(){displayDate()};

 2.常用事件：

• onload：页面加载

• onchange：内容改变

• onmouseover：鼠标进入

• onmouseout：鼠标移出

• onmousedown：鼠标按下

• onmouseup：鼠标释放

• onclick：鼠标单击

• onfocus：获得焦点

• onblur：失去焦点