注意: 上部代码错误,将停止运行,下部的代码无法显示
            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. 图像处理之Canny边缘检测

    http://blog.csdn.net/jia20003/article/details/41173767 图像处理之Canny 边缘检测 一:历史 Canny边缘检测算法是1986年有John F ...

  2. spring集成webSocket实现服务端向前端推送消息

    原文:https://blog.csdn.net/ya_nuo/article/details/79612158 spring集成webSocket实现服务端向前端推送消息   1.前端连接webso ...

  3. PID控制算法的C语言实现十一  模糊算法简介

    在PID控制算法的C语言实现九中,文章已经对模糊PID的实质做了一个简要说明.本来打算等到完成毕业设计,工作稳定了再着力完成剩下的部分.鉴于网友的要求和信任,抽出时间来,对模糊PID做一个较为详细的论 ...

  4. springboot集成Guava缓存

    很久没有写博客了,这段时间一直忙于看论文,写论文,简直头大,感觉还是做项目比较舒服,呵呵,闲话不多说,今天学习了下Guava缓存,这跟Redis类似的,但是适用的场景不一样,学习下吧.今天我们主要是s ...

  5. virt-manager管理器新建虚拟机时出错:unsupported format character

    启动管理器出错:unsupported format character ‘��0xffffffef) at index 30 经验证,解决办法如下: 1.获取virt-manager的rpm包,并强 ...

  6. ubuntu 16.04 镜像下载

    下载地址: http://mirror.pnl.gov/releases/xenial/ Ubuntu 14.04.5 LTS (Trusty Tahr)http://releases.ubuntu. ...

  7. python基础7--集合

    集合set Python的set集合是一个无序不重复元素集.基本功能包括关系测试和消除重复元素.集合对象还支持union(并集).intersection(交集).difference(差集) 和 s ...

  8. 1.redis设计与实现--简单动态字符串

    1.redis没有使用c语言的字符串表示,而是使用更加适合自己的SDS(simple dynamic string),简单动态字符串,结构如下: 2.sys与c字符串的对比: 3.总结: redis采 ...

  9. bzoj 2453: 维护队列

    2453: 维护队列 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 1079  Solved: 503[Submit][Status][Discuss ...

  10. 数字配对(bzoj 4514)

    Description 有 n 种数字,第 i 种数字是 ai.有 bi 个,权值是 ci. 若两个数字 ai.aj 满足,ai 是 aj 的倍数,且 ai/aj 是一个质数, 那么这两个数字可以配对 ...