JavaScript Class 4

学习内容：

1.with语句

用于设置代码在特定对象中的作用域。

<script>
    with(document){
        write("第一行");
        write("第二行");
        write("第三行");
    }
    function validate_email(field,alerttxt){
        with (field){//with内的代码只作用于field变量
            apos=value.indexOf("@")
            dotpos=value.lastIndexOf(".")
            if (apos<1||dotpos-apos<2) {
            alert(alerttxt);return false;
            }else {
            return true;
            }
        }
    }
</script>

2.函数

<script>
    方法1，命名函数
    function 函数名（参数）{
        要执行的语句块;
    }
    function show(name,age){
        document.write("您的姓名"+name+"<br/>");
        document.write("您的年龄"+age);
    }
    函数调用
    show("king",999);//传参
    无参函数
    function w(){
        document.write("这是一个无参函数"+"<br/>");
    }
    w();
    方法2，匿名函数，使用变量引用
    var a = function(){
        alert("Anonymous");
    }
    a();
</script>

ps 通过事件调用函数：

<input type="button" value="点我" onclick="show('king',999);">通过onClick事件来调用函数

3.return

结束运行之后的代码并返回值

<script>
    function show(name,age){
        document.write("您的姓名"+name+"<br/>");
        document.write("您的年龄"+age);
        return name;
    }
    var a = show("king",999);//用a变量接收show函数返回的name值
    alert(a);
    var cor = function(a,b){
        c = a+b;
        return c;
    }
    var sub = cor(2,4);
    alert(sub);
    function f4(a,b,c,d){
        sub = a*b+c*d;
        return sub;
    }
    var num = f4(6,7,2,4);
    alert(num);
</script>

 4.全局变量与局部变量

<script>
var a = 12;//全局变量，js文件内全部可访问
    function f(){
        var b = 5;//局部变量，只有函数内可访问
        return b;
    }
    var d = f();//接收返回值
    document.write(d);
</script>

5.内置对象

Date对象：

<script>
    创建方法1
    var d1 = new Date();
    document.write(d1.toString()+"<br/>");*/
    创建方法2
    var d2 = new Date("2008-09-15 15:31:54");
    document.write(d2.toString());*/
    //Date 方法调用
    var date = new Date();
    设置时间，不设置默认获取系统时间
    date.setFullYear(1998);
    date.setMonth(11);//范围0-11 实际输出月份-1
    date.setDate(24);
    var year = date.getFullYear();
    var month = date.getMonth()+1;//0-11 +1转换为 1-12月
    var d = date.getDate();
    var day = date.getDay();//取值范围0-6 周日-周六
    switch(day){
        case 0:
            day = "星期天";
            break;
        case 1:
            day = "星期一";
            break;
        case 2:
            day = "星期二";
            break;
        case 3:
            day = "星期三";
            break;
        case 4:
            day = "星期四";
            break;
        case 5:
            day = "星期五";
            break;
        case 6:
            day = "星期六";
            break;
        default:
            alert("不存在的");
    }
                    
        document.write(year+"年"+month+"月"+d+"日"+day);
</script>

 PS：输入日期判断星期几

<script>
    var y = parseInt(prompt("请输入年份："));
    var m = parseInt(prompt("请输入月份"));
    var d = parseInt(prompt("请输入日："));
    var date = new Date();
    var year = date.setFullYear(y);
    var month = date.setMonth(m-1);//一定要-1，setMonth取值范围为0-11，而用户会输入1-12；
    var day = date.setDate(d);
    var jd = date.getDay();
    switch(jd){
        case 0:
            alert("星期日");
            break;
        case 1:
            alert("星期一");
            break;
        case 2:
            alert("星期二");
            break;
        case 3:
            alert("星期三");
            break;
        case 4:
            alert("星期四");
            break;
        case 5:
            alert("星期五");
            break;
        case 6:
            alert("星期六");
            break;
        default:
            alert("不存在的");
    }
</script>

 6.Math对象

<script>
    var a = Math.abs(-9);//取绝对值
    var b1 = Math.ceil(1.2);//上舍入 输出3
    var b2 = Math.ceil(-2.2);//输出-2
    var c = Math.floor(3.9);//下舍入 输出3
    var d = Math.max(5,4);//取最大值
    var e = Math.min(6,7);//取最小值
    var f = Math.pow(2,3);//2的3次幂
    var g = Math.random();//返回大于等于0小于1的随机数
    var h = Math.round(4.3);//输出4 四舍五入
    var i = Math.sqrt(4);//    求平方根，输出2
    　　　　//Math.PI //π 圆周率

　//　parseInt(Math.random()*(max-min+1)+min,10);//max 期望的最大值 min期望的最小值 parseInt(string,进制数)，10就是10进制，可省略，默认10进制

    with(document){
        write(a+"&nbsp;");
        write(b1+"&nbsp;");
        write(b2+"&nbsp;");
        write(c+"&nbsp;");
        write(d+"&nbsp;");
        write(e+"&nbsp;");
        write(f+"&nbsp;");
        write(g+"&nbsp;");
        write(h+"&nbsp;");
        write(i+"&nbsp;");
    }
</script>

ps:输入半径返回圆的面积

<script>
    var r = prompt("请输入半径：");
    /*var r2 = Math.pow(r,2);
    var p = Math.PI;
    function area(){ //无参
        var area = p*r2;
        return area;
    }
    var sub = area();
    alert(sub);*/
    function area(r){ //有参
        var p = Math.PI;
        var r2 = Math.pow(r,2);
        var area = p*r2;
        alert(area);
    }
    area(r); //自调用
</script>

 2018/02/27