第一天笔记

页面由三部分构成

html 超文本标记语言
css 层叠样式表
js 轻量级的脚本语言

js由三部分构成

ECMAscript 实际就是js的语法，包含变量...
dom 很多兼容性问题，但是程序员可以解决（文档对象类型）
bom 不兼容不能解决（浏览器对象类型）

css和js的引入方式

行内样式
内嵌样式
外链（js < script src="../js"）

js编程思路的形成

1、找到谁 - 获取元素
2、给谁加什么事件
3、干什么事

对象具有两个特征

1.属性
2.方法
属性和方法的区别：属性没括号，方法有括号

this的小总结

当函数被调用的时候，看前面是否有".",点前面是谁，this就是谁；
当函数被调用的时候，如果前面没".",说明被window给调用的；this就是window；
点元素身上的事件被触发的时候，会执行一个函数，函数中的this指向当前被触发事件的这个元素；
```
oDiv.onclick=function(){
    this -> oDiv
}
```

命名方式：匈牙利命名法也叫做驼峰式命名法

除了第一个单词外，从第二个单词开始，每个单词的首字母大写
常用的命名前缀
- a 数组比如：array,arr,ary, aDiv获得一组元素对象
- o 对象比如：obj普通对象 oDiv获得一个元素对象
- s 字符串 string
- n 数字 number
- b 布尔值 boolean: true false

输出方式- 帮助我们调试和测试代码

alert() 弹出框
confirm() 会有返回值： true false
console.log() 打印出来,在控制台输出
console.dir() 打印出对象身上的属性和方法；即，打印出对象身上的详细信息；
document.write() 在页面输出
innerHTML 可以输出元素所包裹的内容； innerText 输出文本；
console.table() 把对象以表格的形式在控制台输出 -- 基本不用

数据类型

1、基本数据类型：
+ string字符串 number 数据。boolean 布尔值，null 。undefined
2、引用数据类型
+ 对象数据类型
+ 普通的对象object ，数组array。Date， RegExp /dfafas/
+ 函数数据类型
+ function (){}
3、基本数据类型和引用数据类型的区别：
基本数据类型是对值的引用，引用数据类型是对地址的引用;

循环

for 循环4部曲
定义
条件
语句
自增
判断
if ...else if..else
例子:
if(num==0) {
alert('0')}
else if(num==1) {
alert('1')}
else if(num==2) {
alert('2')
switch ... case ...break
例子;
switch(num) {
case=0:alert(0);
break;
case=1:alert(1);
break；
case=2:alert(2);
break;
default:
alert(3);
break;
}

隔行换色，两种思路

条件判断：if...else if...else.... switch...case break....
用%的思想：
- 小技巧：有几种情况，就%几；