第一天笔记

页面由三部分构成

• 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....
• 用%的思想：
  • 小技巧：有几种情况，就%几；