js学习笔记1:语法、数据类型与转换、运算符与运算

注意: 上部代码错误,将停止运行,下部的代码无法显示
            typeof 用来定义内容类型,不会输出内容只会输出类型

一、js输出语法
         1. 弹窗输出('')内的内容:
      

alert("123");

   
       2. 输入内容在控制台输出:
    

 console.log('good');


        /*3. 弹出输入框输入内容:prompt

prompt('name');

  输入的内容点击确定后在下一个弹窗中出现

var a = prompt('name');
alert(a);


       4.打印到文档中显示:

documen:write('文档中显示');

二、数据类型

1.数字型Number

var num = 123;

2.字符串(String)可以使用单引号或双引号:

 

var bl = '123';

3.//布尔(逻辑):只能有两个值:true(正确)或false(错误)

var x = true;
var y = false;

4.“ var ”用来定义变量,使用“ = ”为变量赋值

var a = HellWorld;

5.弹窗输出名称为() 的内容数据:

alert(name);

三、数据类型的转换

1.转数字型

     Number(),例如:
            alert(Number(bl));
            整数型
            parseInt()
            小数型
            parseFloat()

2.转字符串

    String();
            toString();

alert(num.toString(name));

数据转换类型的小例子:

var sz = 1;
var str = "2";
alert(sz+parseInt(str));

四、运算符

1.+ - * / %(%为余数计算符,没有余数时数值为0,其他数值为计算结果)

                                //加号
                                        //1、数字的加法运算
                    var a = 1;
                    var b = 2;
                    var c = a + b; //输出结果为:3
                    //2、字符串的拼接
                    var d = "你好";
                    var e = ",世界";
                    var f = d + e; //输出结果为"你好,世界"
                    //3、转字串符
                    var a1 = 1;
                    var a2 = "2";
                    var a3 = a1 + a2;
                    //alert(a3);
                //减法
                    //1、数字的减法运算
                    //2. 取数字的负数
                    //3. 转数值
                    var b1 = 1;
                    var b2 = '6';
                    var b3 = b1 - b2;
                    //alert(b3);
                //乘法、除法
                    //数字的乘除法运算
                //取余
                    var q1 = 2018;
                    var q2 = 4;
                    var q3 =q1%q2;
                    //alert(q3);
                //复合运算符 +=  -=  *=  /=  %=
                    var a = 12;
                    /*a = a + 5;
                    a +=5; 运算相同,不同写法*/
                    /*a = a - 2;
                    a -= 2; 运算相同,不同写法*/
                    //alert(a);
                //自增 ++、 自减-- 增减单位都为1
                    var z1 = 1;
                    //var z2 = z1++;
                        /*运算步骤:步骤一: var z2=z1;
                                  步骤二: z1 = z1+1;
                                  输出结果为: z1=2 z2=1*/
                    var z3 = ++z1;
                        /*运算步骤:步骤一: z1 = z1+1;
                                  步骤二: var z3 = z1;
                                  输出结果为: z1=2 z3=2*/
                    //alert(z3);                                                                                

3.三元运算符

    var one = parseInt(prompt("请输入一个数值"));
    var two = parseInt(prompt("请输入一个数值"));
    var a = one > two ? one : two;
    alert(a);

 

以下是详细代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        
    </body>
</html>
<script type="text/javascript">
     //上部代码错误,将停止运行,下部的代码无法显示
     //typeof 用来定义内容类型,不会输出内容只会输出类型
    //js输出语法
        // 1. 弹窗输出('')内的内容:
            //alert("123");
        //2. 控制台输出:
            //console.log('good');
        //3. 弹出输入框输入东西:prompt
            //prompt('name');
            //输入的内容点击确定后在下一个弹窗中出现
            //var a = prompt('name');
            //alert(a);
        // 4.打印到文档中显示:
            //document.write('文档中显示'); 
        
    //数据类型
        //数字型number
        var num = 123;
        //字符串(String)可以使用单引号或双引号:
        var bl = '123';
        //布尔(逻辑):只能有两个值:true(正确)或false(错误):
        var bol = true;
        //“ var ”用来定义变量,使用“ = ”为变量赋值
        var HellWorld;
        //弹窗输出名称为() 的内容数据:
        //alert(num);
    //数据类型的转换
        //转数字型
            /*Number(),例如:
            alert(Number(bl));
            整数型
            parseInt()
            小数型
            parseFloat()*/    
        //转字符
            String();
            toString();
            //alert(num.toString());
        //数据类型转换的例子:
            /*var sz = 1;
            var str = "2";
            alert(sz+parseInt(str));*/
        //运算符
            //+ - * / %(%为余数计算符,没有余数时数值为0,其他数值为计算结果)
                //加号
                    //1、数字的加法运算
                    var a = 1;
                    var b = 2;
                    var c = a + b; //输出结果为:3
                    //2、字符串的拼接
                    var d = "你好";
                    var e = ",世界";
                    var f = d + e; //输出结果为"你好,世界"
                    //3、转字串符
                    var a1 = 1;
                    var a2 = "2";
                    var a3 = a1 + a2;
                    //alert(a3);
                //减法
                    //1、数字的减法运算
                    //2. 取数字的负数
                    //3. 转数值
                    var b1 = 1;
                    var b2 = '6';
                    var b3 = b1 - b2;
                    //alert(b3);
                //乘法、除法
                    //数字的乘除法运算
                //取余
                    var q1 = 2018;
                    var q2 = 4;
                    var q3 =q1%q2;
                    //alert(q3);
                //复合运算符 +=  -=  *=  /=  %=
                    var a = 12;
                    /*a = a + 5;
                    a +=5; 运算相同,不同写法*/
                    /*a = a - 2;
                    a -= 2; 运算相同,不同写法*/
                    //alert(a);
                //自增 ++、 自减-- 增减单位都为1
                    var z1 = 1;
                    //var z2 = z1++;
                        /*运算步骤:步骤一: var z2=z1;
                                  步骤二: z1 = z1+1;
                                  输出结果为: z1=2 z2=1*/
                    var z3 = ++z1;
                        /*运算步骤:步骤一: z1 = z1+1;
                                  步骤二: var z3 = z1;
                                  输出结果为: z1=2 z3=2*/
                    //alert(z3);
                //三元运算符
                var one = parseInt(prompt("请输入一个数值"));
                var two = parseInt(prompt("请输入一个数值"));
                var a = one > two ? one : two;
                alert(a);        
</script>

 

posted @ 2018-04-08 19:16  董呀么董  阅读(287)  评论(0编辑  收藏  举报