注意： 上部代码错误，将停止运行，下部的代码无法显示
            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>

js学习笔记1：语法、数据类型与转换、运算符与运算的更多相关文章

  1. js学习笔记一-语法结构

    js是区分大小写的,关键字.变量.函数名和所有的标识符都必须采取统一一致的大小写形式. js定义了unicode转义序列,以\u开头,其后跟随四个十六进制数,可以在字符串直接量.正则表达式直接量和标识 ...

  2. 基于jquery的插件turn.js学习笔记

    基于jquery的插件turn.js学习笔记 简介 turn.js是一个可以实现3d书籍展示效果的jq插件,使用html5和css3来执行效果.可以很好的适应于ios和安卓等触摸设备. How it ...

  3. JS 学习笔记--9---变量-作用域-内存相关

    JS 中变量和其它语言中变量最大的区别就是,JS 是松散型语言,决定了它只是在某一个特定时间保存某一特定的值的一个名字而已.由于在定义变量的时候不需要显示规定必须保存某种类型的值,故变量的值以及保存的 ...

  4. vue.js 学习笔记3——TypeScript

    目录 vue.js 学习笔记3--TypeScript 工具 基础类型 数组 元组 枚举 字面量 接口 类类型 类类型要素 函数 函数参数 this对象和类型 重载 迭代器 Symbol.iterat ...

  5. 2019-4-29 js学习笔记

    js学习笔记一:js数据类型   1:基本数据类型       number类型(整数,小数)      String类型          boolean类型        NaN类型其实是一个nu ...

  6. JS学习笔记5_DOM

    1.DOM节点的常用属性(所有节点都支持) nodeType:元素1,属性2,文本3 nodeName:元素标签名的大写形式 nodeValue:元素节点为null,文本节点为文本内容,属性节点为属性 ...

  7. Vue.js学习笔记：在元素 和 template 中使用 v-if 指令

    f 指令 语法比较简单,直接上代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " ...

  8. js学习笔记：webpack基础入门（一）

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  9. Vue.js学习笔记（2）vue-router

    vue中vue-router的使用:

  10. WebGL three.js学习笔记 使用粒子系统模拟时空隧道（虫洞）

    WebGL three.js学习笔记 使用粒子系统模拟时空隧道 本例的运行结果如图: 时空隧道demo演示 Demo地址:https://nsytsqdtn.github.io/demo/sprite ...

随机推荐

  1. SAS8.1安装步骤(附图)

    安装前应当把系统时间更改到一九九几年. 1.在解压后的文件夹里找到 setup .exe 双击 开始安装 2.单击SAS System Setup 3．点击Next 4．选择 complete 并单击 ...

  2. Mysql外键设置中的CASCADE、NO ACTION、RESTRICT、SET NULL

    转: Mysql外键设置中的CASCADE.NO ACTION.RESTRICT.SET NULL 2017年06月11日 10:03:13 雅静8 阅读数:5491   版权声明:本文为博主原创文章 ...

  3. Codeforces 395 D.Pair of Numbers

    D. Pair of Numbers time limit per test 2 seconds memory limit per test 256 megabytes input standard ...

  4. POJ 3260 完全背包+多重背包+思维

    传送门:https://vjudge.net/problem/20465/origin 题意:你有n种钞票,面值为c[i],数量为v[i],便利店老板有无数张面值为c[i]的钞票,问你买一个价值为T的 ...

  5. 电商网站中价格的精确计算（使用BigDecimal进行精确运算(实现加减乘除运算)）

    使用BigDecimal的String的构造器.商业计算中,使用bigdecimal的String构造器,一定要用. 重要的事情说三遍: 商业计算中,使用bigdecimal的String构造器! 商 ...

  6. TestNG指南

    转载自:http://blog.csdn.net/bigapplestar/article/details/7300137 今天突然收到通知,统一改用TestNG写测试用例,开始查这方面的资料,学习一 ...

  7. OpenCV---环境安装和初次使用

    一:环境安装 pip3 install opencv-python #OpenCV模块,必须安装 pip3 install opencv-contrib-python #OpenCV扩展模块,选择安装 ...

  8. CF540 D 概率 DP

    石头剪刀布三种生物(?) 随机战斗,最后三方各自只有自己方存活下来的概率是多少. 局面的转移明显,注意任选两方决定战斗时有可能出现选了同个种类的,因此注意排除掉同种的组合,也就是条件概率什么的. /* ...

  9. CF839 C 树形DP 期望

    给一颗树,求从根出发路径长度的期望是多少. 树形DP 要想清楚期望的计算 /** @Date : 2017-08-12 23:09:41 * @FileName: C.cpp * @Platform: ...

  10. 2015/10/9 Python核编初级部分学习总结

    终于在十一长假之后的两天看完了<Python核心编程>的初级部分.虽然到后来两章,类和环境看得越来越慢,越来越难以理解.很多东西只能靠强记,也没办法真正掌握了,我想了想,还是不强迫自己去背 ...