慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

慕粉3406657

失焦事件（onblur）
onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。
如下代码, 网页中有用户和密码两个文本框。当前光标在用户文本框内时（即焦点在文本框），在光标离开该文本框后（即失焦时），触发onblur事件，并调用函数message()。
运行结果：

查看全部

0 采集收起来源：失焦事件（onblur）
2018-08-25
慕粉3406657

<script type="text/javascript">
function message(){
alert("不要移开，点击后进行慕课网!"); }
</script>
</head>
<body>
<form>
<a href="http://www.imooc.com" onmouseout="message()">点击我</a>

鼠标移开时间onmouseout

查看全部

0 采集收起来源：鼠标移开事件（onmouseout）
2018-08-25
慕粉3406657

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

查看全部

1 采集收起来源：鼠标经过事件（onmouseover）
2018-08-25
Pepsi7

1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。
2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。

查看全部

0 采集收起来源：认识DOM
2018-08-25
qq_古娜拉黑暗之神_1

升序函数
function sortnum(a,b){
return a-b;
}
降序函数
function sortnum(a,b){
return b-a;
}

查看全部

0 采集收起来源：数组排序sort()
2018-08-25
qq_古娜拉黑暗之神_1

slice(start,end)方法用于从数组中选出元素
注意：1.start必要，开始位置，包含
2.end不必要，结束位置，不包含
3.返回一个新数组，不会改变原数组
4.若start，end是负数，表示从数组尾部开始计数，-1表示倒数第一个数组，-2表示倒数第二个数组。。。。

查看全部

0 采集收起来源：选定元素slice()
2018-08-24
qq_古娜拉黑暗之神_1

reverse（）用于将数组中元素倒序
注意：改变原数组值，不产生新的数组。

查看全部

0 采集收起来源：颠倒数组元素顺序reverse()
2018-08-24
T松子

要注意所有分号使用英文分号。

查看全部

0 采集收起来源：编程练习
2018-08-24
qq_古娜拉黑暗之神_1

join(分隔符) 用于把数组中的所有元素放入一个字符串，并用指定分隔符分隔，
注意：分隔符也为字符，用双引号括起来。

查看全部

0 采集收起来源：指定分隔符连接数组元素join()
2018-08-24
慕粉3406657

什么是事件
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。
主要事件表:

查看全部

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

0 采集收起来源：返回值的函数
2018-08-24

慕粉3406657

函数调用

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

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

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

任务

查看全部

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

2018-08-24

慕粉3406657

<form>
<input type="button" value="点击我" onclick="sub2()" />
</form>

查看全部

0 采集收起来源：定义函数
2018-08-24
qq_古娜拉黑暗之神_1

concat()方法，用于数组连接。数组名.concat(数组名1，数组名2，数组名3.......)
注意：1.此方法返回一个新数组，不会改变原数组值。
2.返回的结果是：数组名+数组名1+数组名2+数组名3+.........因此连接两个数组为数组名1.concat(数组名2）；

查看全部

0 采集收起来源：数组连接concat()
2018-08-24
慕粉3406657
继续循环continue
continue的作用是仅仅跳过本次循环，而整个循环体继续执行。
语句结构：
```
for(初始条件;判断条件;循环后条件值更新) {   if(特殊情况)   { continue; }  循环代码 }
```
上面的循环中，当特殊情况发生的时候，本次循环将被跳过，而后续的循环则不会受到影响。好比输出10个数字，如果数字为5就不输出了。
执行结果:
注:上面的代码中，num=5的那次循环将被跳过。
查看全部

0 采集收起来源：继续循环continue
2018-08-24

首页上一页 636 637 638 639 640 641 642 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

失焦事件（onblur）

鼠标经过事件（onmouseover）

什么是事件

返回值的函数

函数调用

任务

继续循环continue