1.js的介绍
Ⅰjs的由来
网景公司 布兰登·艾奇 ECMAScript
Ⅱjs的概念
跨平台的脚本语言
Ⅲ组成
ECMAScpirt 语法标准
DOM 操作文档的标准
BOM 操作浏览器的标准
Ⅳ js 和 H5 的关系
HTML5的新增标签都需要js来实现功能
Ⅴ js的应用场景
表单验证 , 动效 , 网页游戏 ,物联网开发, 网页开发(app 软件 小程序)
2.js的基本使用
Ⅰ 依赖html运行 == 在html中通过script双标签来执行js代码
Ⅱ js在html中有三种语法:
内联
外联 引入外部文件 <script src="js文件路径"></script>
行内 给标签添加属性
注意:只要引入外部文件了就不能使用内联了
Ⅲ js的输出方式
alert == 弹窗 - 给用户通知/提示
document.write() == 在body中显示
console.log() == 控制台调试使用 ==用的最多的
confirm == 询问是否继续
prompt == 可输入的弹窗
3.变量
Ⅰ 概念:
存储数据的容器,通过一个名字可以代表一个数据
Ⅱ 定义:
var 名字 == 在内开辟了空间
var 名字 = 数据 数据放在了空间中
Ⅲ 变量名:
由字母 数字 下划线 美元符号 汉字组成
不能用数字开头
不能用关键字做变量名
4 数据类型(5种类型)
第一种 数字 number
① isNaN 检测一个数据是否是数字
当显示true的时候表示不是数字 (是的,你没看错!!)
当显示false的时候表示是数字
②小数计算可能不精准
原因:计算机内部通过转小数转成二进制计算,转的就不精准,结果也不精准
解决方法:
一 数字.toFixed(位数) 强制保留小数点后几位 (常用的)
二 让两个数字都乘以10的n次方 , 转成整数计算再除以10的n次方
第二种 字符串 string 一串字符用引号引起来
要求:引号不能嵌套自己 除非有转义符
document.write 只能输出字符串
字符串和字符串之间使用 + 进行拼接
第三种 布尔 Boolean 表示事物的两面性
用true 和 false 表示
第四种 未定义 underfined 定义变量了但是没有赋值
第五种 对象 object 一个变量存储多个数据
5 运算
一 算术运算
+ - * / %(用来求余)
二 比较运算
> = < >= <= ==(等于) ===(全等于) !=(不等于) !==(不全等)
等于主要用于判断两边的值是否相等,忽略类型
全等于 先判断两边的类型是否相等,类型相等再判断值是否相等
三 赋值运算
+= a+=2 即a=a+2的简写
-= a-=2 即a=a-2
*=
/=
%=
= 左边是变量 右边是数据 作业时将右边的数据放在左边的变量中(赋值)
四 逻辑运算
&& 并且 || 或者 !取反