转自：CSDN--http://blog.csdn.net/cherry_vicent/article/details/42120149
1、javascript是什么
根据用户的一些操作，然后来修改页面上的一些元素、属性等。
（1）HTML+CSS静态页面，JS给页面添加动的效果
（2）网页特效的原理
javascript就是修改样式
（3）编写JS的流程：
【1】布局：HTML+CSS
【2】属性：确定要修改哪些属性
【3】事件：确定用户做哪些操作
【4】编写JS：在事件中，用JS来修改页面元素的样式
补：事件：就是用户操作，如鼠标点击、移入、移出等
（4）id：在css中，id作为css里的一个选择符存在，而在JS里它有更加广泛的用途，
在JS中扮演标签(元素)名字的作用，如<div id="div1">......</div>，id在这个例子里扮演了div名字的作用，div1就是div的名字
（5）div1.style.display='block'
点 . ------> 的，一般来说是所属的关系，其实是属性
等号 = ------> 在数学里，x=5，表示x的值就是5，即等号就是相等的意思
在JS里，等号并不是相等的意思，等号指赋值，把什么变成什么，把=右边的值赋给左边
2、第一个JS兼容性问题:document.getElementById
（1）在FF和低版本的chrome下，是不能直接拿着id就用的，存在兼容问题
真正兼容的写法是document.getElementById('id名字')，在任何浏览器下均可用
如：document.getElementById('div1');
通过div1这个id把元素获取出来，然后再来用
注：记住，不能直接拿着id就用，而必须的通过getElementById（把元素获取出来）获取一下，然后才可以用
（2）网页换肤
(1) 任何标签都可以加ID，包括link
(2) 任何标签的任何属性，也都可以修改
(3) HTML里怎么写，JS里就怎么写，只有一个例外就是class，因为class在JS里是关键字（保留字），所以不能直接拿来用，要写成className
3、引入函数：因为直接在事件内写代码会很乱
（1）函数基本格式：
- function 函数名()
- {
- 代码
- }
JS里的函数和css里的class有点相似，像class它最大的一个功能就是你把这个样式写到class里边，然后只要需要这套样式的地方，直接把那个class拿过去用就
可以了，同样JS里的函数也一样.
（2）函数的定义和调用
- function show() //定义
- {
- alert('abc');
- }
- show(); //调用
函数定义：只是告诉系统有这个函数，不会实际执行
函数调用：真正执行函数里的代码
注：函数的定义和调用缺一不可，只有定义则没反应，只有调用则显示出错了
（3）引入变量的概念：考虑到重用
变量：就是给东西取了个别名
如var oDiv=document.getElementById('div1');给后面这大串取了个别名叫oDiv。看到oDiv就跟看到document.getElementById('div1')是一样的效果
注：(1) 如果你要操作一个元素，你必须先把它选择过来，比如现在要操作的是text这个元素，那么需要先给它加个id，比如id="txt1",然后function函数里用
getElementById把它给选择过来
(2) 要操作谁，就要获取谁
(3) 需要一个函数，这个函数是为按钮准备的，因为它点击需要一个函数
4、if判断：如点击按钮显示/隐藏div(弹出菜单)
（1）if判断基本格式：
- if(条件)
- {
- 语句1
- }
- else
- {
- 语句2
- }
翻译：如果条件成立就执行语句1，如果条件不成立就执行语句2
注：(1) if ：如果
(2) 条件：在IS里是判断的意思，就是遇到不同的情况就做不同的操作，遇到不同的问题就做不同的处理
（2）单等和双等(=和==)
= 赋值（改变，变成）
== 判断（判断两边是否相等）
（3）为a链接添加JS
<!--<a href="javascript:alert('a');">链接</a> -->
<a href="javascript:;">链接</a>
一般a里不加JS代码，而是空的js原因：(1) 在a里加js代码不好 (2) 加空的js代码而不是加#，因为它不会像#那样一点就跳到页首。