JavaScript入门基础知识总结(2)

来源:互联网 发布:单源最短路径算法 编辑:程序博客网 时间:2024/05/24 22:45
/*
                JavaScript基础学习总结
*******该总结用DW写作,为了调试方便,将影响测试的部分以注释形式写出****/
//所有测试以alert()函数显示

//1、if条件句

function funIf(){
    var date = new Date();//得到一个新的日期
    var time = date.getHours();//从日期中得到当前的小时
    if(time < 10){
        alert("早安!");
    }else if( time < 13){
        alert("中午了!");
    }else if(time < 18){
        alert("下午了!");
    }else{
        alert("晚上");
    }
}

//2、switch语句

function funSwitch(){
    var t = document.getElementById("Switch").value;
    switch(t){
        case 1:alert("您输入的是 1 !");break;
        case 2:alert("您输入的是 2 !");break;
        case 3:alert("您输入的是 3 !");break;
        case 4:alert("您输入的是 4 !");break;
        case 5:alert("您输入的是 5 !");break;
        default:alert("输入的不是 1 ~ 5 !");
    }
}

//3、警告框    警告框经常用于确保用户可以得到某些信息

//alert("文本");  总结中大部分实例都是 alert();

//4、确认框    确认框用于使用户可以验证或者接受某些信息

//confirm("文本");

//5、提示框    提示框经常用于提示用户在进入页面前输入某个值

//prompt("文本","默认值");

//6、函数

//声明语法:function 函数名(参数列表){若干语句}
//函数中可以用return 返回一个值,或者用return;来结束一个函数

//7、JavaScript 变量的生存期

//当您在函数内声明了一个变量后,就只能在该函数中访问该变量。当退出该函数后,这个变量会被撤销。这种变量称为
//本地变量。您可以在不同的函数中使用名称相同的本地变量,这是因为只有声明过变量的函数能够识别其中的每个变量。
//如果您在函数之外声明了一个变量,则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始,在页面关闭时结束。

//8、循环

//a)for循环
    //for (变量=开始值;变量<=结束值;变量=变量+步进值)
    //for(语句1;语句2;语句3){JavaScript语句} 这里的语句均可省略,但分号不可省略
//b)while(语句1){JavaScript语句} 语句1 表示循环结束的条件
//c)do{JavaScript语句}while(语句1) 语句1 表示循环结束的条件,该种循环至少会执行一次
//d)For...in循环
    //For...In 声明用于对数组或者对象的属性进行循环操作
    //语法 for(变量 in 对象)
    function funForIn(){
        var x;
        var temp = new Array();
        temp[0] = "0";temp[1] = "1";temp[2] = "2";temp[3] = "3";
        for(x in temp){
            document.getElementById("ForIn").innerHTML=x;
            var t = setTimeout(funForIn(),1000);
        }
    }
//d)break 和 continue 语句用在循环中的区别,break用于跳出循环,而continue用于跳过当前循环,从下一个值开始

//9、JavaScript事件

// 举例:鼠标点击、页面或图像载入、鼠标经过、在表单中选中输入框、确认表单、键盘按键
//常用事件函数介绍:
//a)onload 和 onUnload
    //用户进入页面会触发 onload事件,离开时会触发onUnload事件
//b)onFocus,onBlur和onChange 这三个事件通常配合验证表单
//c)onSubmit,提交表单时验证所有表单域。
//d)onMouseOver和onMouseOut 鼠标指向,鼠标移走

//10异常

//语法实例:
//try{ 运行的代码 }catch{处理错误}
//实例:
//throw     创建异常,使用throw 和 try..catch 一起使用可以产生精准的错误消息
function funThrow(){
    var x = prompt("输入一个大于0小于10的数字","");
    try{
        if(x>10){
            throw "Err1";
        }else if(x<=0){
            throw "Err2";
        }else{
            throw "Err3";
        }
    }catch(err){
        if(err == "Err1"){
            alert("太高了!");
        }else if(err == "Err2"){
            alert("太低了!");
        }else if(err == "Err3"){
            alert("正常!");
        }
    }
}
//<input type="button" value="View message" onclick="message()" />
//</body>
//</html>




0 0
原创粉丝点击