JavaScript进阶篇_学习笔记

首页免费课 JavaScript进阶篇笔记

JavaScript进阶篇

                
                慕课官方号
            页面重构设计

                    查看讲师更多课程 
                    慕课官方号讲师的其他课程
                
帝堵抢车位动画制作
初级·36954
免费课程
                                
JavaScript入门篇 
入门·739847
免费课程
                                
                难度入门
            
                时长 8小时55分
            
                学习人数
            
综合评分9.47
                            2557人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.3
                                逻辑清晰

最热最新

weixin_慕莱坞3415700
使用javascript代码写出一个函数：实现传入两个整数后弹出较大的整数。
任务
第一步：编写代码完成一个函数的定义吧。
第二步：我们来补充函数体中的控制语句，完成函数功能吧。
```
提示:再想一想，两个整数比较有三种情况，大于，等于或小于，所以我们需要控制语句判断(if...else if)。
```
第三步：写好的函数，我们就可以任意调用函数了。通过函数调用实现两组数值中，返回较大值吧。

//定义函数
function big(a,b)
//函数体，判断两个整数比较的三种情况
{ var a,b,c;
if (a>b)
{ c = a;
return c;}
else if (a<b)
{ c = b;
return c;}
else
{ c = "一样大";
return c;}
}

//调用函数，实现下面两组数中，返回较大值。
document.write(" 5 和 4 的较大值是:"+big(5,4)+"<br>");
document.write(" 6 和 3 的较大值是:"+big(6,3) );
查看全部

0 采集收起来源：编程练习
2020-01-03
weixin_慕莱坞3415700

1. 定义函数实现两个数的积，函数名为app2,补充右边编辑器第10行代码，返回函数值。
2. 补充右边编辑器第12、13行代码，计算5、6/2、3两组两个数的积。分别保存在req1和req2变量中。
3. 补充右边编辑器第14行代码，计算req1和req2和的值，保存在变量sumq中。

function app2(x,y)
{ var sum,x,y;
sum = x * y;
return sum;
}
req1 = app2(5,6);
req2 = app2(2,3);
sumq = req1 + req2;
document.write("req1的值:"+req1+"<br/>");
document.write("req2的值:"+req2+"<br/>");
document.write(req1+"与"+req2+"和:"+sumq);

查看全部

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

0 采集收起来源：返回值的函数
2020-01-03
weixin_慕莱坞3415700
上节中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的和。
查看全部

0 采集收起来源：有参数的函数
2020-01-03

weixin_慕莱坞3415700

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

第一种情况:在<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 采集收起来源：函数调用

2020-01-03

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

0 采集收起来源：定义函数
2020-01-03
weixin_慕莱坞3415700
函数的作用，可以写一次代码，然后反复地重用这个代码。
如:我们要完成多组数和的功能。
```
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);
....  //只需调用函数就可以
```
查看全部

0 采集收起来源：什么是函数
2020-01-03
学员1010

substring(start, stop)
返回内容从start开始包含start位置的字符到stop-1的处的所有字符，其长度为stop-start，如果start和stop 相等返回空字符串，若start比stop大，该方法默认交换两个参数的位置。

查看全部

0 采集收起来源：提取字符串substring()
2020-01-03
学员1010

如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。是没有空格的

查看全部

0 采集收起来源：字符串分割split()
2020-01-03
学员1010

charAt(index)
注意：index取值范围从0开始到字符串长度减-，
若index没有在范围内，返回空字符串，空格也算一个字符

查看全部

0 采集收起来源：返回指定位置的字符
2020-01-03
学员1010

JavaScript中所事务都是对象，如字符串、数值、数组、函数等，每个对象带有属性和方法
对象的属性：反映该对象某些特定的性质，如字符串的长度、图像宽高等
对象的方法：能够在对象上执行的动作。例如表单的提交submit、时间的获取getYear

查看全部

0 采集收起来源：什么是对象
2020-01-03
weixin_慕莱坞3415700
在一个大学的编程选修课班里，我们得到了一组参加该班级的学生数据，分别是姓名、性别、年龄和年级，接下来呢，我们要利用JavaScript的知识挑出其中所有是大一的女生的的名字哦。
学生信息如下：
    ('小A','女',21,'大一'), ('小B','男',23,'大三'),
    ('小C','男',24,'大四'),  ('小D','女',21,'大一'),
    ('小E','女',22,'大四'), ('小F','男',21,'大一'),
    ('小G','女',22,'大二'), ('小H','女',20,'大三'),
    ('小I','女',20,'大一'), ('小J','男',20,'大三')
任务
第一步：把这些数据组成一个数组，方便我们之后操作哦。
```
提示: 使用二维数组。
```
第二步：筛选数据吧，首先找出都是大一的所有信息 ;
第三步：最后再一次筛选上一步得到的数据，打印出都是女生的姓名 ;
```
提示: 可以用switch 或 if 语句进行筛选。
```
var infos = [
['小A','女',21,'大一'],
['小B','男',23,'大三'],
['小C','男',24,'大四'],
['小D','女',21,'大一'],
['小E','女',22,'大四'],
['小F','男',21,'大一'],
['小G','女',22,'大二'],
['小H','女',20,'大三'],
['小I','女',20,'大一'],
['小J','男',20,'大三']
];
//方法一
/*
var arr1 = new Array();
var n = 0;
for (var i=0;i<infos.length;i++){
if (infos[i][3] == '大一'&&infos[i][1] == '女'){
arr1[n] = infos[i];
document.write(arr1[n]+"<br>");
n = n+1
}
}
*/

//方法二
/*
var arr1 = [];
var n = 0;
for (var i=0;i<infos.length;i++){
if (infos[i][3] == '大一'){
arr1[n] = infos[i];
n=n+1;
}
};
for (n=0;n<arr1.length;n++){
if (arr1[n][1] == '女'){
document.write(arr1[n]+"<br>");
}
}
*/

//方法三
for (var i=0;i<infos.length;i++){
if (infos[i][1] == '女'&&infos[i][3] == '大一'){
document.write(infos[i]+"<br>");
}
}
查看全部

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

0 采集收起来源：继续循环continue
2020-01-02
weixin_慕莱坞3415700
在while、for、do...while、while循环中使用break语句退出当前循环，直接执行后面的代码。
格式如下：
```
for(初始条件;判断条件;循环后条件值更新)
{  if(特殊情况)
  {break;}
  循环代码
}
```
当遇到特殊情况的时候，循环就会立即结束。看看下面的例子，输出10个数，如果数值为5，就停止输出。

执行结果:
注:当num=5的时候循环就会结束，不会输出后面循环的内容。
查看全部

0 采集收起来源：退出循环break
2020-01-02
weixin_慕莱坞3415700
do while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循环。
do...while语句结构：
```
do{
    循环语句
 }while(判断条件)
```
我们试着输出5个数字。
```
<script type="text/javascript">
   num= 1;
   do
   {
     document.write("数值为:" +  num+"<br />");
     num++; //更新条件   }
   while (num<=5)
</script>
```
执行结果:
为什么呢?我们来看下执行思路：
查看全部

0 采集收起来源：来来回回(Do...while循环)
2020-01-02