-
鼠标移开事件（onmouseout）
鼠标移开事件，当鼠标移开当前对象时，执行onmouseout调用的程序。
onmouseout="message()"
查看全部 -
鼠标经过事件（onmouseover）
鼠标经过事件，当鼠标移到一个对象上时，该对象就触发onmouseover事件，并执行onmouseover事件调用的程序。onmouseover="message()"
查看全部 -
鼠标单击事件( onclick ）
<form> <input name="button" type="button" value="点击提交" /> </form>
查看全部 -
什么是事件
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。
主要事件表:
查看全部 -
返回值的函数
思考:上一节函数中，通过"document.write"把结果输出来，如果想对函数的结果进行处理怎么办呢？
我们只要把"document.write(sum)"这行改成如下代码：
function add2(x,y) { sum = x + y; return sum; //返回函数值,return后面的值叫做返回值。 }还可以通过变量存储调用函数的返回值，代码如下:
result = add2(3,4);//语句执行后,result变量中的值为7。
注意:函数中参数和返回值不只是数字，还可以是字符串等其它类型。
查看全部 -
有参数的函数
上节中add2()函数不能实现任意指定两数相加。其实，定义函数还可以如下格式：
function 函数名(参数1,参数2) { 函数代码 }注意:参数可以多个，根据需要增减参数个数。参数之间用(逗号，）隔开。
按照这个格式，函数实现任意两个数的和应该写成：
function add2(x,y) { sum = x + y; document.write(sum); }x和y则是函数的两个参数，调用函数的时候，我们可通过这两个参数把两个实际的加数传递给函数了。
例如，add2(3，4)会求3+4的和，add2(60,20)则会求出60和20的和。
查看全部 -
函数调用
函数定义好后，是不能自动执行的，需要调用它,直接在需要的位置写函数名。
第一种情况:在<script>标签内调用。
<script type="text/javascript"> function add2() { sum = 1 + 1; alert(sum); } add2();//调用函数，直接写函数名。 </SCRIPT>第二种情况:在HTML文件中调用，如通过点击按钮后调用定义好的函数。
<html> <head> <script type="text/javascript"> function add2() { sum = 5 + 6; alert(sum); } </script> </head> <body> <form> <input type="button" value="click it" onclick="add2()"> //按钮,onclick点击事件，直接写函数名 </form> </body> </html>注意:鼠标事件会在后面讲解。
查看全部 -
定义函数
如何定义一个函数呢？看看下面的格式：
function 函数名( ) { 函数体; }function定义函数的关键字，“函数名”你为函数取的名字，“函数体”替换为完成特定功能的代码。
我们完成对两个数求和并显示结果的功能。并给函数起个有意义的名字：“add2”，代码如下：
<script type="text/javascript"> function add2(){ sum = 3 + 2; alert(sum); } add2(); </script>结果:
记得要引用函数
查看全部 -
函数
函数的作用，可以写一次代码，然后反复地重用这个代码。
如:我们要完成多组数和的功能。
var sum; sum = 3+2; alert(sum); sum=7+8 ; alert(sum); .... //不停重复两行代码
如果要实现8组数的和，就需要16行代码，实现的越多，代码行也就越多。所以我们可以把完成特定功能的代码块放到一个函数里，直接调用这个函数，就省去重复输入大量代码的麻烦。
使用函数完成:
function add2(a,b){ sum = a + b; alert(sum); } // 只需写一次就可以 add2(3,2); add2(7,8); .... //只需调用函数就可以查看全部 -
首先这节教了两个结点属性（自己去查一查搞清方法和属性的区别）
nextSibling previousSibling
下一个结点 前一个结点
<ul id="u1">
<li id="a">javascript</li> 文本元素
<li id="b">jquery</li> 文本元素
<li id="c">html</li> 文本元素
</ul>
<ul id="u2">
<li id="d">css3</li> 文本元素
<li id="e">php</li> 文本元素
<li id="f">java</li> 文本元素
</ul>
这节的难点其实都是上几节的，接下来分别说
第一个难点getElementsByTagName（）方法返回值
它返回了所有li元素组成的数组
而每个li元素分别有一个元素结点<li id="a">javascript</li>(li从开始到合并表示一个结点)
和一个空的文本元素结点
第二个难点是节点属性的判断
get_nextSibling函数中，对结点进行了判断
首先获取了当前结点的下一个结点
var x=n.nextSibling;
然后判断这个结点的属性是否是我们需要的
while (x && x.nodeType!=1){
x=x.nextSibling;
}
x && x.nodeType!=1 x用来检测当前结点是不是空的，x.nodeType!=1 检测该节点是不是元素节点
这里要明白 x.nextSibling.nextSibling.nextSibling.....以此类推
第三个难点是对结点是否是最后一个结点的判断
if（y!=null）{
else{
}
查看全部 -
二维数组：
var arr = [[0 , 1 , 2 ],[1 , 2 , 3]]
for(var i =0;i<arr.length;i++){
for(var j =0;j<arr[i].length;j++){
document.write("arr"+i+j+","+arr[i][j]+'<br/>')
}
}
结果：
arr00,0
arr01,1
arr02,2
arr10,1
arr11,2
arr12,3查看全部 -
继续循环continue
continue的作用是仅仅跳过本次循环，而整个循环体继续执行。
语句结构：
for(初始条件;判断条件;循环后条件值更新) { if(特殊情况) { continue; } 循环代码 }上面的循环中，当特殊情况发生的时候，本次循环将被跳过，而后续的循环则不会受到影响。好比输出10个数字，如果数字为5就不输出了。
查看全部 -
退出循环break
在while、for、do...while、while循环中使用break语句退出当前循环，直接执行后面的代码。
格式如下：
for(初始条件;判断条件;循环后条件值更新) { if(特殊情况) {break;} 循环代码 }当遇到特殊情况的时候，循环就会立即结束。看看下面的例子，输出10个数，如果数值为5，就停止输出。
执行结果:
注:当num=5的时候循环就会结束，不会输出后面循环的内容。
查看全部 -
(Do...while循环)
do while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循环。
do...while语句结构：
do { 循环语句 } while(判断条件)我们试着输出5个数字。
<script type="text/javascript"> num= 1; do { document.write("数值为:" + num+"<br />"); num++; //更新条件 } while (num<=5) </script>查看全部 -
多种选择（Switch语句)
当有很多种选项的时候，switch比if else使用更方便。
语法:
switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码块 2 break; ... case值n: 执行代码块 n break; default: 与 case值1 、 case值2...case值n 不同时执行的代码 }语法说明:
Switch必须赋初始值，值与每个case值匹配。满足执行该 case 后的所有语句，并用break语句来阻止运行下一个case。如所有case值都不匹配，执行default后的语句。
假设评价学生的考试成绩，10分满分制，我们按照每一分一个等级将成绩分等，并根据成绩的等级做出不同的评价。
代码如下:
执行结果:
评语: 及格，加油!
注意:记得在case所执行的语句后添加上一个break语句。否则就直接继续执行下面的case中的语句，看以下代码:
执行结果:
评语: 继续努力! 评语: 及格，加油! 评语: 凑合，奋进 评语: 很棒，很棒 评语: 高手，大牛
在上面的代码中，没有break停止语句，如果成绩是4分，则case 5后面的语句将会得到执行，同样，case6、7-10后面的语句都会得到执行。
查看全部
举报