本文简单介绍 JavaScript 基本语法和函数:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JavaScriptDemo</title>

<script>
    document.write("----------------javascript对象与数组-----------------------")
    //定义一个对象,名/值对或字符串/值对
    var book={
        topic:'javascript',
        fat:true,
        version:'2.0'
    }
    //通过.或[]来访问对象属性
    document.write("<br/>"+book.topic);        //javascript
    document.write("<br/>"+book.fat);        //true
    document.write("<br/>"+book['fat']);        //true
    //javascript定义一个数组
    var arr=[2,4,1,6];
    var rra=new Array(1,4,6,2);
    document.write("<br/>"+arr);            //2,4,1,6
    document.write("<br/>"+rra);            //1,4,6,2
    document.write("<br/>"+arr[0]);        //2
    document.write("<br/>"+arr.length);        //4
    document.write("<br/>"+(arr.length-1));        //3
    //新增一个元素
    arr[4]=11;
    document.write("<br/>"+arr.length);        //5
    //定义一个空数组
    var arr1=[];
    document.write("<br/>+arr1");            //+arr1
    document.write("<br/>"+arr1.length);        //0
    //数组里定义对象
    var arr2=[
        {name:"Bob", age:12},
        {name:"John", age:14}
    ];
    document.write("<br/>"+arr2);            //[object Object],[object Object]
    document.write("<br/>"+arr2.name);        //undefined
    document.write("<br/>"+arr2[1].name);        //John
    //对象里定义数组,数组里又定义二维数组
    var obj3={
        arr3_1: [ [1,2], [5,3]  ],
        arr3_2: [ [4,6], [6,1], [63,31]  ]
    };
    document.write("<br/>"+obj3);            //[object Object]
    document.write("<br/>"+obj3.arr3_1[1][1]);    //3
    document.write("<br/>"+obj3.arr3_2[2][1]);    //31
    //换行线
    document.write("<br/>------------------javascript运算符---------------------------");
    //javascript运算
    document.write("<br/>"+3/2);            //1.5
    var point1={
        age: 14
    };
    var point2={
        age: 34
    };
    document.write("<br/>"+(point1.age-point2.age));    //对象属性运算,-20
    document.write("<br/>"+"5"+"4");        //字符串运算54
    var value=10;
    value>20?     document.write("<br/>"+"Yes"): document.write("<br/>"+"No");        //三目,No
    var x;         document.write("<br/>"+((x==2)&&(x==3)));    //false
    var x=2;     document.write("<br/>"+((x==2)||(x==3)));    //true
    var x=2;    document.write("<br/>"+(!(x==3)));    //true

    //javascript函数
    document.write("<br/>-------------------------JavaScript函数-------------------------");
    function Calculator(){
        for(var i=1;i<=9;i++){
            document.write("<br/>");
            for(var j=1;j<=i;j++){
                document.write(i+"*"+j+"="+i*j);
                document.write("&nbsp;&nbsp;");
            }
        }
    }
    document.write(Calculator());        //输出乘法表
    document.write("<br/>");

    //函数=名称+参数
    function plus(x,y){
        return x+y;
    };
    document.write("<br/>"+plus(10,4));    //14
    function plus1(x){
        return x+1;
    };
    document.write("<br/>"+plus1(5));    //6
    var square=function(x){
        return x*x;
    };
    document.write("<br/>"+square(5));    //25

    //方法=函数+对象
    var arr5=[];
    arr5.push(1,2,4);
    document.write("<br/>"+arr5);        //1,2,4     push添加元素
    document.write("<br/>"+arr5.reverse());    //4,,2,1 数组逆序

    //使用this调用方法对象的引用
    var points11=[
        {x:1,y:1},
        {x:2,y:3}
    ];
    points11.dist=function(){
        var p1=this[0];
        var p2=this[1];
        var aa=p2.x-p1.x;
        var bb=p2.y-p1.y;
        return Math.sqrt(aa*aa+bb*bb);
    }
    document.write("<br/>"+points11.dist());    //2.236

    //控制语句
    document.write("<br/>-----------------------------控制语句---------------------------");
    //if...else
    function abc(x){
        if(x>0){
            document.write("<br/>x的值大于0");
        }else{
            document.write("<br/>x的值小于0");
        }
    };
    abc(-3);                    //x的值小于0
    document.write("<br/>"+abc(23));    //x的值大于0 undefined

    //while..do
    function abcd(x){
        var  num=2;
        while(x>1){
            num+=1;
            x--;
            document.write("<br/>"+num);
        }
        return x;
    };
    abcd(2);        //3
</script>
    
</head>
<body>

</body>
</html>
更新于 阅读次数

请我喝[茶]~( ̄▽ ̄)~*

Jalen Chu 微信支付

微信支付

Jalen Chu 支付宝

支付宝

Jalen Chu 公众号

公众号