课程笔记（一）

1.HTML属性操作：读、写
属性名

属性值

2.属性读操作：获取、找到

元素.属性名

3.属性写操作：（“添加”）替换、修改

元素.属性名=新的值

4.oP.innerHTML     读取元素内的所有HTML内容

oP.innerHTML=新的值 替换元素内的所有HTML内容

5.所有的相对路径不要拿来做判断
如：img src

    href='1.css' href='html/index.html'

6.颜色值不要拿来做判断
    color:red #f00 rgb(255,0,0)

innerHTML不要拿到做判断

7.JS中允许把'.'替换成'[]'

8.数组：
arr=[];
arr.push(); //往数组的最后一位添加数据

9.ByTagName()
在用TagName的时候，必须加上：[]

10.this：这个
this指的是调用当前方法（函数）的那个对象

function fn1(){
  this
}
fn1();   this=>window
oDiv.οnclick=fn1; this=>oDiv
oDiv.οnclick=function(){
fn1();   fn1()里的this=>window
}
<div οnclick="this fn1();"></div> fn1();里的this指的是window
alert(this);  window
fn1(this);
function fn1(obj){
obj=>this
}
oDiv.οnclick=function(){
this;  =>oDiv
fn1(this);  =>oDiv
}
function fn1(obj){ obj=>oDiv };

11.HTML标签属性
JS可以为任何HTML元素添加任意个自定义属性

12.EMCAScript:标准、核心
HTML类型：block、inline、inline-block、table......
JS中的数据类型：数字（NaN）、字符串、布尔、函数、对象(obj、[]、null)、未定义

13.typeof判断数据类型
charAt(index)  根据下标获取字符

14.数据类型转化：
显式类型转换（强制类型转换）：
Number()
parseInt()
parseFloat()

15.隐式类型转换：
+  200+'3'  变成字符串
- * / %  ‘200’-3  变成数字
++ --  变成数字
> <
*/

15.NaN与自己都不相等：not a number 不是个 数字 的数字类型
isNaN: 是不是不是一个数字（不是数字）、判断某些值是不是数字，不喜欢数字
Number()

16.函数传参：
参数=JS的数据类型：数字，字符串，布尔，函数，对象，未定义

17.重用：
1、尽量保证HTML代码结构一致，可以通过父级选取子元素
2.把核心主程序实现，用函数包起来
3.把每组里不同的值找出来，通过传参实现

18.作用域：
域：空间、范围、区域
作用：读、写

19.script 全局变量、全局函数

    自上而下

    函数
    由里到外

20.浏览器：
    “js解析器”
     （1）找一些东西：var function参数，
a=未定义 所有的变量在正式运行代码之前，都提前赋了一个值：未 定义
fn1=function fn1(){alert(2);}
所有的函数，在正式运行代码之前，都是整个函数块

JS的预解析：
遇到重名的：只留一个
变量和函数重名了，就只留下函数
     （2）逐行解读代码：
表达式： = + - * / % ++ -- ! 参数
表达式可以修改预解析的值

函数调用：
1）预解析：var function 参数
2）逐行解读代码


21.火狐不能对下面的函数进行预解析：
if(true){
var a=1;
function fn1(){
alert(123);
}
}

22.函数返回值：
return:返回值
（1）函数名+括号： fn1()==>return 后面的值
（2）所有的函数默认返回值：未定义
（3）return后面任何代码都不执行了

23.arguments=>实参的集合
当函数的参数无法确定时，用arguments

24.getComputedStyle():获取到的是计算机（浏览器）计算后的样式

25.background：url() red...  复合样式（不要获取）
backgroundColor:          单一样式（不要用来做判断）
不要有空格
不要获取未设置的样式：不兼容

26.定时器：时间概念
setInterval(函数，毫秒);   重复执行
setTimeout（函数，毫秒）;   执行一次

27.把毫秒转化成天时分秒
天：Math.floor(t/86400)
时：Math.floor(t%86400/3600)
分：Math.floor(t%86400%3600/60)
秒：Math.floor(t%60)

28.getTime()：返回从1970年01月01日0分0秒到现在的经历的时间

29.字符串的函数：
charAt();
charCodeAt();  //得出元素的编码值
String.fromcharCodeAt()  //将编码值转换为相对应元素
indexOf（）  //获取字符串某元素下标，从左往右找
indexOf（x,i)  从第i个开始找x
lastIndexOf()  从最后开始找
sbstring(m,n)  截取从m开始到n的字符串
slice（i,j）  如果j<i,不会自动交换位置找，如果是负数，就是从后面倒着往前数
toUpperCase() 转换成大写
toLowerCase() 转换成小写
split（i） 以i为分隔符，把字符串分割成数组
join（） 把数组里面每个单位的字符串拼接成字符串

30.json:
splice:删除、替换、添加
随机数：
0-1:Math.round(Math.random())
0-10:Math.round(Math.random()*10)
5-10:Math.round(Math.random()*5+5)
x-y:Math.round(Math.random()*(y-x)+x)
0-x:Math.round(Math.random()*x)
1-x:Math.ceil(Math.random()) 向上取整