JavaScript回炉重造

     一、引入javascript

（1）希望某个元素消失在自己的眼前利用css来实现：

1、display:none;

2、visibility：hidden;

3、width/height

4、透明度opacity

5、left/top

6、margin

7、拿一个白色的div盖住他

（2）js如何获取元素：

1、通过ID名称来获取元素document.getElementById('');

2、

3、

事件：

鼠标事件、onclick/onmouseover/onmouseout/onmousedown/onmouseup/onmousemove

键盘事件、系统事件onload  window.onload/img.onload/body.onload、表单事件、自定义事件、

　　怎样添加事件：元素.事件

函数：可以理解为命令，做一些事

函数不会主动执行的

function abc(){

1、直接调用：abc()

2、事件调用：元素.事件=函数名

3、匿名函数function(){   }

事件可以直接调用匿名函数！！！

}

学会测试：随时写随时测试   alert（1）

变量:var li=document.getElementById('li1');

注意事项：JavaScript

技术上：（必须做到掌握兼容性）（兼容性问题解决方案）

需求上：商量着来（提供最准确的呈现方式）

1、所有的相对路径都别拿来做判断！！！img src

2、颜色值不要拿来做判断！！！浏览器不同，对应取得的颜色值不一样，有的用#333表示，有的用RGB()表示

3、innerHtml的值也不要拿来做判断！！！

4、不要随便修改表单元素的type值——涉及到IE6\IE7\IE8兼容性问题——可以利用显示隐藏方法来绕开

5、js中不允许出现特殊字符（比如破折号属性中font-size）一般会将后面的破折号改成大写字母解决！！！

6、关键字和保留字比如class，修改class不能直接用，因为是保留字，所以一般用className

7、不要改变float属性，有些浏览器不兼容——可以写个样式来改变class

oDiv.style.float='left';
oDiv.style.styleFloat='left';
oDiv.style.cssFloat='left';

 

8、元素.属性值（）.后面的值无法修改

采取另外的一种形式写法（）当你发现某个值会发生改变时，就用[中括号]代替.点

oDiv.value
oDiv.style.width
不能写成
obj.style.width.value=obj1.value
另外一种写法
obj.style[oAttr.value]=obj1.value

9、判断

什么条件满足？

if(条件){}

 

if(条件){

}else{

}

可以理解为两件事情中选择一件事情做

if(条件1){

}else if(条件2){

}else if(条件3){

}else{

}

没有条件创造条件true/false，开关！！！用于切换

数组相当于一个仓库

o代表object    

a代表array

性能问题：

1、for循环中最好是不要用到for(var i=0;i<arr.length;i++)

因为每一次循环都会计算一下数组的长度

应该提前定义数组的长度，var len=arr.length

for(var i=0;i<len;i++)

2、减少计算量，以及对页面元素改变的次数。

 

for循环生成坐标

二维数组的循环取值

this指向及其应用

当前的东西找出来

自定义属性

一般都是增加开关属性onOff，或者数字num，或者索引值index

 

有数组的地方一般都会配个数字变量

实例：图片切换实例

Js数据类型

数据转换

Number() parseInt()  parseFloat() 用法及意义，代表的含义

 

 

函数传递参数

作用域，预解析，闭包问题

 

 

 

作用域链

想要获取函数内部的值得方法

方法一：定义一个全局变量去获取

方法二：局部函数调用

火狐不兼容问题

 以后定义全局变量不要在if或者for循环里面去定义，如果要去定义就拿到最上面去

运算符问题

取模问题应用

全等是先判断类型，再判断数字

逻辑语言

流程控制

函数问题return

 

 

每一个函数后面都隐藏着一个return 默认返回值都是undefind

 

 

函数问题arguments实参集合

实参与局部变量之间的关系

定时器问题

回调函数

系统时间

字符串

 

 

chartAt（）

chartCodeAt（）

fromChartCode（）

indexOf（）

lastIndexOf（）

subString（）

slice（）

toUpperCase（）

toLowerCase （）

split（）

join（）

json数组遍历

 

push()

unshift()

pop()

shift()

splice()

返回值是被删除的部分

sort()

concat()

reverse()

 

随机函数