慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

梁肥肥

<a href="http://www.imooc.com" onmouseout="message()">点击我</a>

查看全部

0 采集收起来源：鼠标移开事件（onmouseout）
2018-05-28
梁肥肥

鼠标经过事件（onmouseover）
鼠标经过事件，当鼠标移到一个对象上时，该对象就触发onmouseover事件，并执行onmouseover事件调用的程序。
现实鼠标经过"确定"按钮时，触发onmouseover事件，调用函数info()，弹出消息框，代码如下:
运行结果:

查看全部

0 采集收起来源：鼠标经过事件（onmouseover）
2018-05-28
梁肥肥
鼠标单击事件( onclick ）
onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，通常与按钮一起使用。
比如，我们单击按钮时，触发 onclick 事件，并调用两个数和的函数add2()。代码如下：
```
<html> <head>    <script type="text/javascript">       function add2(){         var numa,numb,sum;         numa=6;         numb=8;         sum=numa+numb;         document.write("两数和为:"+sum);  }    </script> </head> <body>    <form>       <input name="button" type="button" value="点击提交" onclick="add2()" />    </form> </body> </html>
```
注意: 在网页中，如使用事件，就在该元素中设置事件属性。
查看全部

0 采集收起来源：鼠标单击事件( onclick ）
2018-05-28
梁肥肥

主要事件表:

查看全部

0 采集收起来源：什么是事件
2018-05-28
梁肥肥

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>返回值函数</title>
<script type="text/javascript">
function app2(x,y)
{ var sum,x,y;
    sum = x * y;
    return sum;
}
    var req1=app2(5,6);
    var req2=app2(2,3);
    var sumq=req1+req2;
document.write("req1的值:"+req1+"<br/>");
document.write("req2的值:"+req2+"<br/>");
document.write(req1+"与"+req2+"和:"+sumq);
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：返回值的函数
2018-05-28
梁肥肥
返回值的函数
思考:上一节函数中，通过"document.write"把结果输出来，如果想对函数的结果进行处理怎么办呢？
我们只要把"document.write(sum)"这行改成如下代码：
```
function add2(x,y) {    sum = x + y;    return sum; //返回函数值,return后面的值叫做返回值。 }
```
还可以通过变量存储调用函数的返回值，代码如下:
```
result = add2(3,4);//语句执行后,result变量中的值为7。
```
注意:函数中参数和返回值不只是数字，还可以是字符串等其它类型。
查看全部

0 采集收起来源：返回值的函数
2018-05-28
a411429006

<title>单击事件 </title>
<script type="text/javascript">
function openwin(){
window.open('http://www.imooc.com','_blank','height=600,width=400,top=100,toolbar=no,left=0,menubar=no,scrollbars=no,status=no');}
</script>
</head>
<body>
<form>
<input name="点击我" type="button" value="点击我" onclick="openwin()"/>
</form>

查看全部

0 采集收起来源：鼠标单击事件( onclick ）
2018-05-28
梁肥肥

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数传参</title>
<script type="text/JavaScript">
   function add(x,y,z)
{
   sum = x + y +z;
   document.write(x+"、"+y+"、"+z+"和:"+sum+"<br/>");
}
    add(5,8,3);
add(7,1,4);

</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：有参数的函数
2018-05-28

梁肥肥

函数调用

函数定义好后，是不能自动执行的，需要调用它,直接在需要的位置写函数名。

第一种情况:在<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>

注意:鼠标事件会在后面讲解。

查看全部

0 采集收起来源：函数调用

2018-05-28

梁肥肥
定义函数
如何定义一个函数呢？看看下面的格式：
```
function  函数名( ) {      函数体; }
```
function定义函数的关键字，“函数名”你为函数取的名字，“函数体”替换为完成特定功能的代码。
我们完成对两个数求和并显示结果的功能。并给函数起个有意义的名字：“add2”，代码如下：
```
<script type="text/javascript">   function add2(){     sum = 3 + 2;     alert(sum);   }   add2(); </script>
```
结果:
查看全部

0 采集收起来源：定义函数
2018-05-28
梁肥肥

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>数组</title>
<script type="text/javascript">
//创建数组
    var arr=['*','**','***','****','*****'];
//显示数组长度
    document.write(arr.length+"<br>");
    alert(arr.length);

//将数组内容输出，完成达到的效果。
    document.write(arr[0]+"<br>");
    document.write(arr[1]+"<br>");
    document.write(arr[2]+"<br>");
    document.write(arr[3]+"<br>");
    document.write(arr[4]+"<br>");
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：编程练习
2018-05-28
梁肥肥

"<br>"换行符

查看全部

0 采集收起来源：编程练习
2018-05-28

梁肥肥

1. 二维数组的定义方法一

var myarr=new Array();  //先声明一维 
for(var i=0;i<2;i++){   //一维长度为2
   myarr[i]=new Array();  //再声明二维 
   for(var j=0;j<3;j++){   //二维长度为3
   myarr[i][j]=i+j;   // 赋值，每个数组元素的值为i+j
   }
 }

查看全部

0 采集收起来源：二维数组

2018-05-28

梁肥肥
二维数组
一维数组，我们看成一组盒子，每个盒子只能放一个内容。
```
一维数组的表示: myarray[ ]
```
二维数组，我们看成一组盒子，不过每个盒子里还可以放多个盒子。
```
二维数组的表示: myarray[ ][ ]
```
注意: 二维数组的两个维度的索引值也是从0开始，两个维度的最后一个索引值为长度-1。
1. 二维数组的定义方法一
```
var myarr=new Array();  //先声明一维  for(var i=0;i<2;i++){   //一维长度为2    myarr[i]=new Array();  //再声明二维     for(var j=0;j<3;j++){   //二维长度为3    myarr[i][j]=i+j;   // 赋值，每个数组元素的值为i+j    }  }
```
注意: 关于for 循环语句，请看第四章4-5 。
将上面二维数组，用表格的方式表示:
2. 二维数组的定义方法二
var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]
3. 赋值
myarr[0][1]=5; //将5的值传入到数组中，覆盖原有值。
说明: myarr[0][1] ,0 表示表的行，1表示表的列。
查看全部

0 采集收起来源：二维数组
2018-05-28
梁肥肥

myarr[0][1] ,0 表示表的行，1表示表的列

查看全部

0 采集收起来源：二维数组
2018-05-28

首页上一页 768 769 770 771 772 773 774 下一页尾页

0/150

提交

取消

开始学习

课程须知: 你需要具备HTML、css基础知识，建议同学们也可以想学习下js入门篇，快速认识js，熟悉js基本语法，更加快速入手进阶篇！

老师告诉你能学到什么？: 通过JavaScript学习，掌握基本语法，制作简单交互式页面

JavaScript进阶篇

鼠标经过事件（onmouseover）

鼠标单击事件( onclick ）

返回值的函数

函数调用

定义函数

二维数组