JS入门教程

1、用JS做一个效果的步骤：

a）先进行布局；

b）思考实现原理；

c）了解JS的语法（可以给需要做效果的整体元素加JS语句，这样可以保持元素的整体性，不至于效果只在元素内部的某一部分）。

2、JS中获取元素的基本方法：通过ID名称来获取元素，代码为：

a）document.getElementById('link');（意为document get element by id 'link'）。

3、事件分为鼠标事件、键盘事件、系统事件、表单事件以及自定义事件。

a）添加事件的方式：元素.onmouseover。

b）基础的鼠标事件：onclick、onmouseover、onmouseout、onmousedown、onmouseup、onmousemove（就像是鼠标抚摸一样的事件）。

c）系统事件：“onload = 有名函数名/匿名函数主体”表示加载完以后再执行以下函数。例如：“window.onload”表示事件是在系统加载完后执行、“img.onload”表示事件是在图片加载完后执行、 “body.onload”表示主体加载完以后执行。

4、函数（进行某些指令操作，一定不会主动执行）：

a）有名函数多用于多次调用，其写法为“function 名字(){……}”，执行函数的方式为：

i.直接用名字调用，比如：“abc()”；

ii.事件调用：元素.事件 = 函数名，比如：“odiv.onclick = abc;”；

iii.……

b）匿名函数一般仅用于一次调用，其写法为：“function (){}”，调用方式：“元素.事件 = function (){};”。 

5、测试：

a）alert(1); 带了一个确定按钮的警告框（数字不用加引号）；

b）alert('ok'); ''引号表示该内容为字符串；

c）alert("ok"); ""双引号也可以表示字符串。

d）总结：用这句可以测试到底是哪一行出现了错误，逐行逐行进行检测，直到某一行没有出现“带了一个确定按钮的警告框”，那就说明该语句上一行出错了。最好保持一种随时写，随时测试的习惯！

6、变量，其实就是C语言中的宏定义，有如下几种定义：

a）var lis = document.getElementById('lis');表示“document.getElementById('lis')”用“lis”代替；

b）var num = 123;表示用“num”代替“123”；

c）var name = 'leo';表示用“name”代替“leo”。

7、把某个元素移出你的视线之外，可以利用以下几种方法：

a）display:none; 显示为无，闪现效果，不占文档流

b）visibility:hidden; 让元素隐藏，闪现效果，占文档流

c）width、height和border; 横向、纵向的慢慢打开或者是由一个点状的放射开效果

d）透明度 淡入淡出效果

e）通过定位改left、top 点击弹入弹出效果

f）加一个与背景一致的div 回字显示或者是抽卡片式显示

g）margin负值 等同于第5种

h）……

8、匈牙利命名法基本原则是：变量名=属性+类型+对象描述。要基于容易记忆容易理解的原则，其中每一对象的名称都要求有明确含义，可以取对象名字全称或名字的一部分，保证名字的连贯性是非常重要的。