为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 了解成员数量(数组属性length)

    如果我们想知道数组的大小,只需引用数组的一个属性length。Length属性表示数组的长度,即数组中元素的个数。

    语法:

    myarray.length; //获得数组myarray的长度

    注意:因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-1。如数组的长度是5,数组的上下限分别是0和4。

    var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr  document.write(arr.length); //显示数组长度8 document.write(arr[7]); //显示第8个元素的值54

    同时,JavaScript数组的length属性是可变的,这一点需要特别注意。

    arr.length=10; //增大数组的长度 document.write(arr.length); //数组长度已经变为10

    数组随元素的增加,长度也会改变,如下:

    var arr=[98,76,54,56,76]; // 包含5个数值的数组 document.write(arr.length); //显示数组的长度5 arr[15]=34;  //增加元素,使用索引为15,赋值为34 alert(arr.length); //显示数组的长度16


    查看全部
  • 下面创建一个数组,用于存储5个人的数学成绩。

    var myarray=new Array(); //创建一个新的空数组myarray[0]=66; //存储第1个人的成绩myarray[1]=80; //存储第2个人的成绩myarray[2]=90; //存储第3个人的成绩myarray[3]=77; //存储第4个人的成绩myarray[4]=59; //存储第5个人的成绩

    注意:数组每个值有一个索引号,从0开始。

    我们还可以用简单的方法创建上面的数组和赋值:

    第一种方法:

    var myarray = new Array(66,80,90,77,59);//创建数组同时赋值

    第二种方法:

     var myarray = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”)

    注意:数组存储的数据可以是任何类型(数字、字符、布尔值等)

     


    查看全部
  • var myarr=new Array(); //定义数组


    查看全部
  • <!DOCTYPE html>

    <html>

     <head>

      <title>浏览器对象</title>  

      <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   

     </head>

     <body>

      <!--先编写好网页布局-->

      <h1>操作成功</h1>

      <p><span id="second">5</span>秒后回到主页<a href="javascript:back();">返回</a></p> 

     

      <script type="text/javascript">  

        var num=document.getElementById("second").innerHTML;

        //获取显示秒数的元素,通过定时器来更改秒数。


        function count() {

            num--;

            if(num>=0){

                document.getElementById("second").innerHTML=num;

            }

            if(num==0) {

                location.assign("https://www.imooc.com");

            }

            

        }

        setInterval("count()",1000);

        //通过window的location和history对象来控制网页的跳转。

       

       function back() {

           window.history.back();

        }

     </script> 

    </body>

    </html>


    查看全部
    0 采集 收起 来源:编程练习

    2018-05-28

  • break跳出整个大循环,循环结束。

    continue跳出此次循环,下一次循环继续。

    查看全部
  • 这个问题我来答,谁都别和我抢。。首先我举一个例子你就明白了...

    例子1:function  a(b,c){

      add = b+c       //做的运算动作

    alert(add);         //对话框弹出结果

    }

    a(1,2)     //调用函数并且给函数a(1,2)里面传入1和2;


    例子2:function  a(b,c){

      add = b+c       //做的运算动作

    }

    alert(   a(1,2)  );       //注意了能弹出结果吗?       显然不加return。。。函数里面add结果是出不来的。。


    看清楚第一个是调用函数a(),函数的动作与结果一次性在函数里面程序跑完,第二个是调用a(1,2),并且把a(1,2)放入alert里面弹出。。然而结果并没有从函数里面return出来...所以第二个例子里面必须加上  return add


    查看全部
    0 采集 收起 来源:返回值的函数

    2018-05-28

  • 多种选择(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后的语句。
    注意:记得在case所执行的语句后添加上一个break语句。否则就直接继续执行下面的case中的语句
    查看全部
  • window对象 window对象是BOM(浏览器对象模型)的核心,window对象指当前的浏览器窗口。 Window对象方法: alert()----------显示带有一段信息和一个确认按钮的警示框 prompt()---------显示可提示用户输入的对话框 confirm()--------显示带有一段消息及确认按钮和取消按钮的对话框 open()-----------打开一个新的浏览器窗口或查找一个已命名的窗口 close()----------关闭浏览器窗口 print()----------打印当前窗口的内容 focus()----------把键盘焦点给予一个窗口 blur()-----------把键盘焦点从顶层窗口离开 moveBy()---------相对窗口的当前坐标把它移动指定的像素 moveTo()---------把窗口的左上角移动到指定的坐标 resizeBy()-------按照指定的像素调整窗口的大小 resizeTo()-------把窗口的大小调整到指定的宽度和高度 scrollBy()-------按照指定的像素值来滚动内容 scrollTo()-------把内容滚动到指定的坐标 setInterval()----每隔指定的时间执行一次代码 setTimeout()-----在指定延迟时间之后执行代码 clearInterval()--取消setInterval()的设置 clearTimeout()---取消setTimeout()的设置
    查看全部
    0 采集 收起 来源:window对象

    2018-05-28

  • 数组的方法

    查看全部
    0 采集 收起 来源: Array 数组对象

    2018-05-28

  • 什么是事件

    事件是可以被 JavaScript 侦测到的行为 网页中的每个元素都可以产生触发程序块或 调用函数的事件。

    on:副词在.....的时候。

    onmouseover:在鼠标经过的时候。

    查看全部
    0 采集 收起 来源:什么是事件

    2018-05-28

  • 对象方法和属性

    查看全部
    0 采集 收起 来源:Math对象

    2018-05-28

  • 函数的调用: 函数名加上一对圆括号。

    函数调用的位置:

    1,在<script>标签内调用。

    2,在HTML文件中的事件调用,如通过点击按钮后调用定义好的函数。

    查看全部
    0 采集 收起 来源:函数调用

    2018-05-28

  • 定义函数

    语法:

    function 函数名([参数1],[参数2],...)

    {

        函数体;

        return 返回值;  //返回函数值,return 后面的值叫做返回值。

    }

    function是定义函数的关键字,“函数名”是你为函数取的名字,“函数体”替换为完成特定功能的代码。圆括号内的参数可以多个,也可以没有参数,根据需要增减参数个数。参数之间用(逗号,)隔开。

    查看全部
    0 采集 收起 来源:定义函数

    2018-05-28

  • 什么是函数

    函数是完成特定功能的代码块。

    函数的作用:写一次代码,然后反复地重用这个代码,省去重复输入大量代码的麻烦。

    查看全部
    0 采集 收起 来源:什么是函数

    2018-05-28

  • 继续循环continue

    continue的作用是仅仅跳过本次循环,而整个循环体继续执行。

    语句结构:

    for(初始条件;判断条件;循环后条件值更新)
    {
      if(特殊情况)
      { continue; }
     循环代码
    }

    上面的循环中,当特殊情况发生的时候,本次循环将被跳过,而后续的循环则不会受到影响。好比输出10个数字,如果数字为5就不输出了。

    查看全部

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!