慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

77阿棱
使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。
提示：获取元素的值设置和获取方法为：例：赋值：document.getElementById(“id”）.value = 1；取值：var = document.getElementById(“id”）.value；
任务：
第一步：创建构建运算函数count()。
第二步：获取两个输入框中的值和获取选择框的值。
```
提示：document.getElementById( id名 ).value 获取或设置 id名的值。
```
第三步：获取通过下拉框来选择的值来改变加减乘除的运算法则。
```
提示：使用switch判断运算法则。
```
第四步：通过 = 按钮来调用创建的函数，得到结果。
注意: 使用parseInt(), parseFloat()函数可解析一个字符串,并返回一个整数。
查看全部

0 采集收起来源：编程练习
2019-05-21
77阿棱

当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。
注意：不同浏览器对onunload事件支持不同。

查看全部

0 采集收起来源：卸载事件（onunload）
2019-05-21
77阿棱

事件会在页面加载完成后，立即发生，同时执行被调用的程序。
注意：1. 加载页面时，触发onload事件，事件写在<body>标签内。
2. 加载页面，可理解为打开一个新页面时。

查看全部

0 采集收起来源：加载事件（onload）
2019-05-21
77阿棱

通过改变文本框的内容来触发onchange事件，同时执行被调用的程序。

查看全部

0 采集收起来源：文本框内容改变事件（onchange）
2019-05-21
77阿棱

选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。
如下代码,当选中用户文本框内的文字时，触发onselect 事件，并调用函数message()。

查看全部

0 采集收起来源：内容选中事件（onselect）
2019-05-21
77阿棱

onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。

查看全部

0 采集收起来源：失焦事件（onblur）
2019-05-21
77阿棱

网页中的对象获得聚点时，执行onfocus调用的程序就会被执行。
如下代码, 当将光标移到文本框内时，即焦点在文本框内，触发onfocus 事件，并调用函数message()。

查看全部

0 采集收起来源：光标聚焦事件（onfocus）
2019-05-21
77阿棱

鼠标移开事件，当鼠标移开当前对象时，执行onmouseout调用的程序。

查看全部

0 采集收起来源：鼠标移开事件（onmouseout）
2019-05-21
77阿棱

鼠标经过事件，当鼠标移到一个对象上时，该对象就触发onmouseover事件，并执行onmouseover事件调用的程序。

查看全部

0 采集收起来源：鼠标经过事件（onmouseover）
2019-05-21
77阿棱

onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，通常与按钮一起使用。
注意: 在网页中，如使用事件，就在该元素中设置事件属性。

查看全部

0 采集收起来源：鼠标单击事件( onclick ）
2019-05-21
77阿棱

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

查看全部

0 采集收起来源：什么是事件
2019-05-21
77阿棱

可以通过变量存储调用函数的返回值
注意:函数中参数和返回值不只是数字，还可以是字符串等其它类型。

查看全部

0 采集收起来源：返回值的函数
2019-05-21
77阿棱
函数调用
函数定义好后，是不能自动执行的，需要调用它,直接在需要的位置写函数名。
第一种情况:在<script>标签内调用。
```
//调用函数，直接写函数名。如: add();
```
第二种情况:在HTML文件中调用，如通过点击按钮后调用定义好的函数。
```
//按钮,onclick点击事件，直接写函数名。如: <input type="button" value="点点我" onclick="add()">
```
查看全部

0 采集收起来源：函数调用
2019-05-21
77阿棱
continue的作用是仅仅跳过本次循环，而整个循环体继续执行。
语句结构：
```
for(初始条件;判断条件;循环后条件值更新)
{
  if(特殊情况)
  { continue; }
 循环代码
}
```
查看全部

0 采集收起来源：继续循环continue
2019-05-21

77阿棱

当有很多种选项的时候，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后的语句。

注意: case合并最好加注释，为了说明不是忘记写执行语句。

查看全部

0 采集收起来源：多种选择（Switch语句)

2019-05-21

首页上一页 378 379 380 381 382 383 384 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

函数调用