JavaScript day01(基础语法)
JavaScriptpt书写位置
-
外部式
- 通过src引入html页面中
-
内部式
-
<script>alert('12344') </script> - 写在body上面
-
-
内联式
案例引入
- tab栏切换案例
- 引入案例的目的： 让学生明白html+css+js如何进行相互交互合作做效果
JS的注释
- //
- /* */
分号规范
变量、数据类型
js作用
- 网页特效
- 表单验证
- 数据交互
javascript 组成
-
ECMAScript
- 语言基础
-
web apls
-
DOM
- 页面文档对象模型
-
BOM
- 浏览器对象模型
-
权威网站：mdn
数据类型
基本数据类型
-
number数字型
- 正 负 小数点 无限大 无限小
-
string字符串型
-
‘’单引号 ""双引号 ``反引号
-
字符串拼接
-
'+ 变量名 +' 去替换需要替换的内容
-
有拼接不方便引申出模板字符串
- 模板字符串(ES6)
-
-
案例：
- 页面弹出对话框，输入名字和年龄，页面显示： 大家好，我叫xxx，今年xx岁了
-
-
-
boolean布尔类型
-
undefined 未定义类型
- 只是声明，没有赋值
-
null空类型
- null表示赋值了，但是内容为空
-
检测数据类型
-
typeof
- console.log（typeof 123）；
-
引入数据类型
-
- object 对象
-
- function 函数
-
- array 数组
转换
Number 数据
console.log（Number（‘1234’））
改成数字型
-
Number()
-
parse系列
- 如果介绍parse系列就是介绍区别和使用场景
-
三者的区别
-
案例
- 加法器：页面输入2个数，计算两者的和，打印到页面中
转换成字符串
-
string()
-
变量 toString（）
- 括号里面可以跟进制
-
两者区别
-
隐式转换的小技巧
- +号作为正号解析可以转换成Number
- 任何数据和字符串相加结果都是字符串
变量
容器
- 储存数据的盒子
变量的基本使用
-
声明变量
-
语法
- let 变量名
-
赋值符号 =
-
变量的初始化可以直接赋值
- let age = 18
- console.log（age）；
-
多个赋值用逗号分隔
- let a=1，b= 2，c=3
- console.log（1）；
- console.log（2）；
- console.log（3）；
-
-
赋值符号
- age=19
JavaScript输入输出语法
输出
-
body里面输入的内容，可以设置css样式标准
- document.write（‘要输入的内容’）
-
alert
-
警示框
- alert（‘警示框’）
-
-
console.log
- 显示在控制台
输入语法
-
prompt
-
提示输入文本框
- prompt（‘请输入您的姓名’）
-
