onmouseover 鼠标经过事件

onclick 鼠标点击事件

var i = 1;
   function display()
   {
       if(i==1)
       {
           mycon.style.display = "none";
           i = i-1;
       }
       else
       {
           //alert(i);
           i = i+1;
           mycon.style.display = "block";
       }
       
   }

点击一下隐藏内容，再点击一下显示内容

数组定义的方法：

1. 定义了一个空数组:

var  数组名= new Array();

2. 定义时指定有n个空元素的数组：

var 数组名 =new Array(n);

3.定义数组的时候，直接初始化数据：

var  数组名 = [<元素1>, <元素2>, <元素3>...];

我们定义myArray数组，并赋值，代码如下：

var myArray = [2, 8, 6];

说明：定义了一个数组 myArray，里边的元素是：myArray[0] = 2; myArray[1] = 8; myArray[2] = 6。

数组元素使用：

数组名[下标] = 值;

注意: 数组的下标用方括号括起来，从0开始。

数组属性：

length 用法：<数组对象>.length；返回：数组的长度，即数组里有多少个元素。它等于数组里最后一个元素的下标加一。

random() 方法可返回介于 0 ~ 1（大于或等于 0 但小于 1 )之间的一个随机数

//使用random ()方法和round()，计算不大于10的整数。

var a=Math.round(Math.random()*10)

9-17    document.body.appendChild(childnode)等同于

var bdy=document.getElementsByTagName("body")[0]; bdy.appendChild(childnode);

注意使用getElementsByName和getElementsByTagName时候一定要规定下标，因为他们返回的是一个数组。

必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字

变量名区分大小写，如:A与a是两个不同变量

o while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循环。

do
{
    循环语句
}
while(判断条件)

和for有相同功能还有while循环，while循环重复执行一段代码，直到某个条件不再满足。

while(判断条件)

{

循环语句

}

eg：<script type="text/javascript">

var num=0;//初始化值

while(num<=6)、、条件判断

{

document.write("取出第“+num+"个球<br/>");

num=num+1;//条件值更新

}

</script>

for(初始化变量；循环条件；循环迭代)

{

循环语句

}

语法：switch（表达式）{

case值1：

执行代码块1

break；

case值2

执行代码块2

break；

.......

case值n：

执行代码块n

break；

default：

与case值1、case值2.....case值n，不同时执行的代码

}

区别getElementByID,getElementsByName,getElementsByTagName

以人来举例说明，人有能标识身份的身份证，有姓名，有类别(大人、小孩、老人)等。

1. ID 是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。

2. Name 是他的名字，可以重复。所以通过getElementsByName获取名字相同的人集合。

3. TagName可看似某类，getElementsByTagName获取相同类的人集合。如获取小孩这类人，getElementsByTagName("小孩")。

把上面的例子转换到HTML中，如下:

<input type="checkbox" name="hobby" id="hobby1">  音乐

input标签就像人的类别。

name属性就像人的姓名。

id属性就像人的身份证。

方法总结如下:

注意：方法区分大小写

9-15    元素节点替换流程：创造新节点，找到旧节点，设置新节点属性，创造文本节点，将文本节点添加为新节点的子节点中，对旧节点父元素使用replaceChild()，节点则被替换。

9-14    如图所示，采用顺序删除时候，由于删掉前面的元素会导致后面元素的下标发生变动，所以删除过程不是一次执行完的，例如该例子中顺序删除过程中，第一次执行删除所有的空白节点（下标为0,2,4,6,8。。。的节点）以后每一次执行都是删除新的序列中的0,2,4,6,8。。。的节点。     为了改变这个结果，一次删除所有节点，那么使用倒序删除。