美文网首页HTML_Vinch
#JavaScript的基本语法

#JavaScript的基本语法

作者: Vinch | 来源:发表于2017-07-28 10:13 被阅读3次

    JavaScript的书写方式

    JS的书写方式有两种

    1 页内JS:在当前网页的script标签中编写

    <script type = "text/javascript">
    </script>
    

    2 外部JS

    <script scr="index.js"></script>
    
    

    JavaScript基本语法:数据类型,输出,基本数据类型运算,数组及数组的基本操作,JS常见的类库。。。(都是写在.html文件中的)

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>02-JS的基本语法</title>
        <script type="text/javascript">
            //1.基本的语法
            var age = 18;        //number
            var money = 100.00;  //number
            var name = 'jack';   //string
            var name2 = 'rose';  //string
            var result = true;   //false boolean
            var number = null;   //object
            var number2 = undefined;//undefined
    
            //2.输出
            console.log(age,money,name,name2,result,number,number2);
    
            //3.变量的真是类型 typeof
            console.log(typeof age,typeof money,typeof name,typeof name2,typeof result,typeof number,typeof number2);
    
            //4.基本数据类型运算
            //遵循的规律:运算是从左往右;任何类型的变量与string类型的变量拼接就会被强转为string
            //4.1 字符串的拼接
            var newName= name + '-' + name2;
            console.log(newName);
            //4.2 题目
            var str1 = 10 + 10 + '10';//2010
            var str2 = '10' + 10 + 10;//101010
            var str3 = (10 + '10') + 10;//101010
            console.log(str1,str2,str3);
    
            //5.数组
            var numbers = [-10,'san',name,result,number,['haha','hehe']];
            //5.1 遍历数组
            for (var i = 0;i<numbers.length;i++){
                console.log(numbers[i]+ '-' +i);
            }
    
            for(var i in numbers){
                console.log(i,numbers[i]);
            }
            //5.2 JS中常见的属性
            //删除数组中最后一个内容
            numbers.pop();
            numbers.push('vinch');
            for(var i in numbers){
                console.log(i,numbers[i]);
            }
    
            //6.JS常见的类库 Math
            var numsArr = [10,212,3223,32];
            var maxNum = Math.max(10,21,210);
            var newMaxNum = Math.max.apply(this,numsArr);
            console.log(maxNum);
            console.log(newMaxNum);
    
        </script>
    </head>
    <body>
        <!--<button onclick="alert('点了')">点我啊</button>-->
    </body>
    </html>
    

    生敲完这些代码,感觉这些JS的语法还是比较容易记忆的,基本上敲一遍都记住了。
    未完待续。。。

    相关文章

      网友评论

        本文标题:#JavaScript的基本语法

        本文链接:https://www.haomeiwen.com/subject/hcsxlxtx.html