命名规则：匈牙利命名，又称驼峰命名
除了第一个单词外，从第二个单词开始，每个单词首字母大写
常用的命名前缀
| 形式 | 作用 |
|---|---|
| a | 数组，代表一组数据， |
| o | 对象，单一的对象(多个对象用a开头)，表示获取到的一个元素对象 |
| n | 数字 number |
| b | 布尔值 true false |
| s | 字符串 string |
页面的构成
- html 超文本标记语言，架构
- css 层叠样式表
- js 轻量级脚本语言 ，用来操作css
p.s 三者之间的关系：
行为(js)样式(css)架构(js)相分离
js的构成
- ECMAscript ：语法
- DOM ：document object model 文档模型
- BOM ：browser object model 浏览器模型
css和js的引入方式
| 引入方式 | css | js |
|---|---|---|
| 行内样式 | 写在style 属性标签内 | html 属性标签，例如：onclick |
| 嵌套样式 | 写在style标签内 | 写在script标签内 |
| 外联样式 | 使用link 和 @import “地址” | 使用script标签引入 |
js的编程思路
- 获取对象(找到谁)
- 给对象添加什么事件(给谁加什么事件)
- 执行什么事件(干什么事)
对象
一切皆对象
特征：
- 属性
- 方法
区别：属性没有小括号，方法有小括号
this代表哪个对象
| 状态 | 特征 | 指代 |
|---|---|---|
| 在函数执行的时候 | 看前面是否有点 | 点前面是谁，this就是谁 |
| 在函数执行的时候 | 看前面是否有点 | 没有就证明是window调用，this就是window |
| 在元素身上的事件被触发时 | 看需要执行函数的元素 | this就是需要执行函数的元素，也就是被触发函数的元素 |
输出方式 - 帮助我们调试和测试代码
| 名称 | 作用 | 特征 |
|---|---|---|
| alert() | 弹出框 | 方法 |
| confirm() | 具有返回值的弹出框，确定：true，取消：false; | 方法 |
| console.log() | 打印，控制台输出 | 方法 |
| console.dir() | 打印，控制台输出，输出对象的属性和发放 | 方法 |
| console.table() | 打印，控制台输出，以表格的形式输出 | 方法 |
| document.write() | 在页面上输出内容 | 方法 |
| innerHTML | 输出(谁调用就跟谁在哪里输出)，输出所属对象的所有内容，包括标签 | 属性 |
| innerText | 输出(谁调用就跟谁在哪里输出)，输出所属对象的文本内容 | 属性 |
数据类型
基本数据类型 和 引用数据类型
| 名称 | 基本或引用 | 含义 |
|---|---|---|
| number | 基本数据类型 | 数字 |
| string | 基本数据类型 | 字符串 |
| null | 基本数据类型 | 空对象 |
| boolean | 基本数据类型 | 布尔值 |
| undefined | 基本数据类型 | undefined |
| object | 引用数据类型 | 对象 |
| array | 引用数据类型 | 数组 |
| Data | 引用数据类型 | 时间 |
| RegExp | 引用数据类型 | 正则 |
| function | 引用数据类型 | 方法、函数 |
基本数据类型和引用类型的区别
- 基本数据类型是对值的引用，引用数据类型是对地址的引用
- 基本数据类型引用后改变不会改变原数据，引用数据类型引用后，两者同时改变
typeof 检测数据类型
循环四部曲
- 定义 ：定义变量
- 条件 ：判断是否执行
- 语句 ： 判断成功后要执行的，也就是要完成循环索要达到的效果
- 自增 ： 维持判断的执行条件
判断
- if...else
var arr = [1,2,3,4]
for(var i=0; i<arr.length; i++){
if(i%3 == 0){
alert(0);
}else if(i%3 == 1){
alert(1)
}else {
alert(2);
}
}
- switch...case
switch (a){
case 0:
alert(0);
break;
case 1:
alert(1);
break;
default:
alert(3);
break;
}
