前端三大关键
Html----网页骨架
CSS----网页外貌
JS----网页动作
JavaScript
browser的唯一脚本语言，通常运行在browser里的编程语言
node.js服务端编程,用可以作后端编程语言
JS组成
ECMAScript规则:规定js基础语法
eg:变量,分支语句,循环,对象等
Web APIs(可操作的实体对象)
DOM:操作文档,整个HTML就是一个文档document
BOM:操作浏览器,页面弹窗,检测窗口宽度等
JS三种写法:行内写法,外部引入法,内部写法
外部引入法和内部写法,script标签写在body结束标签前面. 外部引入法的script标签内不能写代码,会被忽略掉
行内写法:又叫内联法,内嵌法,写在标签内部和css的内联式一样(not suggest)
JS的注释
单行ctrl+/ ----> //
块级注释shift+alt+a ------->/* */
JS语句的结束符
英文的分号;
换行代表语句结束,所有也可以不写分号
根据团队,可写,可不写
JS常见输出语法
document. write('123');
Ø向body内输出内容
Ø如果输出的内容写的是标签，也会被解析成网页元素
alert('123');
页面弹出警告框
console.log('123');
Ø控制台输出语法，程序员调试使用
JS常见输入语法
prompt('123')
Ø显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字，获取的输入内容是字符串
JS的变量
变量:存放数据的容器
声明变量关键字: let
同过等于号赋值: let age = 18;
通过变量名来获取变量名的数据:document. write(age);
变量本质:就是计算机向内存申请的一块地址空间来存放数据
声明变量:就是申请一块地址空间
变量的规则
不能用关键字作变量名,eg: if,var,let,else,for等
下划线_ ，字母， 数字，$组成，且数字不能开头
严格区分大小写
变量的规范
1.小驼峰:首个单词为小写,第二个单词起首字母大写
userName, emailAddress
2.起名要有意义
数据类型
1.number 数字类型
正整数:+100 , 小数:1.23 负数:-1.23
2.string 字符串
''单引号 ""双引号 ``反引号
布尔值Boolean
true
false
基本数据类型
defined:声明一个变量但不赋值,变量默认值为undefined
null:空类型
name =null :代表name变量为空
undefined 和null的区别
undefined 表示没赋值/变量没有被初始化(没有开辟内存空间)
开发场景中,检测变量是undefined就说明没有值传递过来
null 表示赋值了,但是内容为空/变量已被初始化,但值为空(开辟了内存空间)
如果一个变量里面确定存放的是对象，如果还没准备好对象，可以放个null
基本数据类型/简单数据类型:number string Boolean null undefined
数据类型隐式转换
隐式转化:系统内部自动的进行类型转化
除了+号之外,算数运算符会把数据转化为数字
+号可以作为正号解析
console.log(+'11' + 11 );------------------------>此时输出为22
数据类型显示转换:自己写代码告诉计算机
转换number类型
1.Number(一定要首字母大写,因为小写number是数据类型)
console.log(Number('123'))-------------->123
当数据不能转换为数字,会返回NaN(Not a Number), NaN也是一个数字类型
2.parseInt
console.log(parseInt('1.57'))-------------->1
转换为整数
3.parseFloat
console.log(parseFloat('1.57'))------------------>1.57
转化为带小数点数字
-
+"11",+号可以作为正号解析
把字符窜11转换为数字11
parseInt() parseFloat() 【parse解析的意思： 只要传入的数据是以数字开头的，就能解析成功，返回值为第一个数字直到碰到非数值为止； 比如 parseInt("123aa") ;返回 123】
Number() : 不能解析，有非数字就返回NaN
转换字符串
//String转换为字符串
console.log(String('123'));//字符串
console.log(String(123));//由蓝色数字变为黑色字符串
console.log(String(true));//布尔值转为字符串
console.log(String(false));
console.log(String(undefined));//undefined转为字符串
console.log(String(null));//null转为字符串
//变量名.toString(进制),进制不写默认为10进制
//需要一个变量
//直接数字.toString()会报错
// 123.toString();
