页面由三部分构成
- 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....
- 用%的思想：
- 小技巧：有几种情况，就%几；
