html5学习网站精准引流推广
在有其他编程语言基础的情况下耗时2天可以学完
目录
00、书写位置
01、输入输出语句
02、变量
03、数组
04、常量
05、数据类型
06、检查数据类型
07、类型转换
08、比较运算符
09、数组操作
10、函数
11、匿名函数
12、对象
13、内置对象
00、书写位置
1>内部式
script标签包裹
写在/body标签上方
2>外部式
通过script标签引入
忽略script标签之间的代码
3>行内式
写在标签内部
01、输入输出语句
1>输入prompt('提示信息')【显示一个对话框，对话框包含一条文字信息，提示用户输入】
2>输出
document.write('要出的内容')【向body内输出内容】
alert('要出的内容')【页面弹出警告对话框输出内容】
console.log('要出的内容')【控制台输出内容】
02、变量
1>声明变量：let 变量名
2>命名规范：只能用下划线、字母、数字、$，且数字不能开头；区分大小写
03、数组
声明数组：let 数组名=[数据1，数据2，...]
04、常量
1>声明常量：const 常量名
2>注意: 常量不能重新赋值,声明时必须初始化
05、数据类型
1>基本数据类型：number数字、string字符串、boolean布尔、undefined未定义、null空
2>引用数据类型：object对象
3>字符串类型：
1）定义：单引号、双引号或反引号包裹；单引号和双引号没有区别，推荐使用单引号
2）嵌套：单引号、双引号可以互相嵌套
3）转义符：必要时可以使用转义符\
4）字符串拼接：+运算符可以实现字符串拼接
5）模板字符串：反引号包裹字符串，字符串中${}包裹变量【拼接字符串和变量】
4>未定义类型：表示没有赋值
5>空类型：表示已经赋值，但是内容为空
06、检查数据类型
typeof 变量
07、类型转换
1>类型转换的原因：输入自动识别为String
2>隐式转换
1）+运算符两边有字符串，会把另外一个转成字符串
2）除+以外的算术运算符会把数据转成数字类型
3）+运算符作为正号可以转换成数字型
3>显式转换
Number(数据)
parselnt(数据)【只保留整数】
parseFloat(数据)【可以保留小数】
08、比较运算符
===：左右两边是否类型和值都相等
!==：左右两边是否不全等
注意：NaN不等于任何值，包括它本身
尽量不要比较小数，因为小数有精度问题
不同类型间比较会发生隐式转换（最终把数据转换成number再比较）
09、数组操作
1>增
arr.push(元素表)【在数组末尾添加元素，返回数组新长度】
arr.unshift(元素表)【在数组开头添加元素，返回数组新长度】
2>删
arr.pop()【删除最后一个元素，返回该元素】
arr.shift()【删除第一个元素，返回该元素】
arr.splice(起始位置,删除几个元素)【起始位置从零开始，不写删除几个默认删到最后】
3>排序
arr.sort(function(a,b){return a-b})【升序】
arr.sort(function(a,b){return b-a})【降序】
10、函数
function 函数名(){函数体}【默认参数：参数表中参数可以初始化，设置默认值】
11、匿名函数
1>声明：function(){函数体}
2>调用：
函数表达式：将匿名函数赋值给一个变量，通过变量进行调用，变量名(实参列表)
立即执行函数：(function(形参列表){函数体})(实参列表)
12、对象
1>声明对象：let 对象名={属性名:属性值,方法名:匿名函数}
2>遍历对象：
for (let k in obj) {
console.log(k) //输出属性名
console.log(obj[k]) //输出属性值
}
13、内置对象
Math.等