认识JS
1 JS概念
JS:一门运行在客户端的脚本编程语言
2 JS组成 ECMASCript 语法标准
DOM(API) 操作页面中的元素
BOM(API) 浏览器操作
3 JS特带你及使用范围
- 简单易用(JS封装好了方法,直接调用)
- JS属于解释执行语言
编译执行: C#(html)===》编译(.dll)===>计算机执行dll文件
- 基于对象
三大特点: 继承性
封装型
多态性(涉及模式)
4 JS书写位置
1 内嵌式
代码写在<script></script>内;
注意: 推荐将JS代码放到body标签之后,优先让body标签中的内容加载显示,提高用户体验。
2 外联式写法
首先新建一个JS文件
通过script标签引用js文件即可
3 行内式写法
例: <div onclick="js代码"></div>
5 JS在页面中输出(显示)消息方式
- alert(内容) 方法:以弹窗的形式显示消息
注意: 写完一段完整的JS代码后,需要加上分号 “;”。
- console.log(内容) 在控制台中显示消息
- document.write(内容) 直接在页面中输出消息
注意: 该方法中可以设置html标签,要使用双引号包含。
- prompt(提示信息) 接受用户输入消息
- confirm(消息) 配合条件判断使用
变量
变量:变化的量,用来存储数据的容器
变量的定义: 使用var关键字 +变量名
变量的赋值: 通过“=”赋值运算符,给变量赋值
注意:1 如果方法中放的是一个一个变量,那么该变量不需要加引号。
2 变量一次只能保存一个值,最后一次的赋值结果。
3变量赋值的顺序,先执行赋值运算符右侧的代码,然后将得到的结果赋值给“=”左侧的变量。
变量的命名规范
1 不能使用数字或以数字开头定义变量
2 不能使用特殊字符或者以特殊字符开头定义变量(“_” “$”)
3 不能使用汉字定义变量
4 不能使用关键字定义变量(var , if, for,Array,break,switch......)
5 不能使用保留字定义变量()
6 JS中区分字母大小写
7 变量中不能出现空格。
数据类型
简单数据类型
- 数字类型 number
- 字符串类型(string)
- 布尔类型(boolean)
- undefined类型
复杂数据类型
- object
- Array
数字类型
- 如果一个变量的值是数字(整数,负数,小数),那 么该变量的数据类型就是数字类型number
- 数字的其他表示方式:
十进制表示法
十六进制表示法: 以0x 0-9和 a(A)-f(F)
八进制表示法: 以0开始 0-7
- 能表示的最大值是±1.7976931348623157乘以10 的308次方
能表示的最小值是±5 乘以10的-324次方
字符串
如果一个变量的值使用双引号或者单引号,那么该变量的数据类型就是:字符串类型。
转义字符: 只有在字符串中才能用转义字符
\” 转双引号
\’ 转单引号
\r 回车符
\n 换行符
\t tab
布尔类型
如果一个变量的值是true或者false,那么该变量的数据类型就是:布尔类型。
true: 正确的 ====》 条件满足
false: 错误的=====》 条件不满足
undefined 类型
如果一个变量的值是undefined,那么该变量的数据类型就是undefined类型
注意: 如果在页面中定义了一个变量,没有给该变量赋值,那么该变量的默认值就是undefined。
数据类型判断
typeof(变量) ===》 获取到对应变量的数据类型。
比较运算符
> < >= <= ==(===)
结果:通过比较运算符得到的是一个布尔类型的结果。
算数运算符
+ 加运算
特点:1 如果是数字类型的变量相加,得到的结果是数字类型的结果。
2 如果是字符串类型的变量相加,得到的结果是字符串类型的结果(拼字符串)
- 减运算
特点:1 如果是数字类型的变量相减,结果是数字类型。
2 如果是数字的字符串相减,结果是数字类型。【因为变量进行了隐式数据类型转换】
3 如果是非数字的字符串相减,结果是NaN
NaN:not a number
NaN的数据类型是number类型。
/ 除运算
特点:1如果是数字类型的变量相除,得到的结果是数字类型。
2 如果是数字的字符串相除,得到的结果是数字类型【因为变量进行了隐式数据类型转换】
3 如果是非数字字符串相除,得到的结果是NaN
4 如果除数是0,的到的结果是infinity(无穷大)
% 取余