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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • function  函数名( ){
         函数体;
    }

    一个函数名后面就是要跟着一个()

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

    2019-05-27

  • o while结构的基本原理和while结构是基本相同的,但是它保证循环体至少被执行一次。因为它是先执行代码,后判断条件,如果条件为真,继续循环。

    查看全部
  • while语句结构:

    while(判断条件){
        循环语句
     }

    使用while循环,完成从盒子里取球的动作,每次取一个,共6个球。

    <script type="text/javascript">
    var num=0;  //初始化值while (num<=6)   //条件判断{
      document.write("取出第"+num+"个球<br />");
      num=num+1;  //条件值更新}
    </script>


    查看全部
  • for语句结构:

    for(初始化变量;循环条件;循环迭代)
    {     
        循环语句 
     }

    假如,一个盒子里有6个球,我们每次取一个,重复从盒中取出球,直到球取完为止。

    <script type="text/javascript">
    var num=1;
    for (num=1;num<=6;num++)  //初始化值;循环条件;循环后条件值更新{   document.write("取出第"+num+"个球<br />");
    }
    </script>


    查看全部
  • if(条件)
    { 条件成立时执行代码}


    查看全部
  • 简单的方法创建数组和赋值:

    第一种方法:

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

    第二种方法:

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


    查看全部
  • 操作符之间的优先级(高到低):

    算术操作符(加减乘除,乘除比加减高一级) → 比较操作符 (大于,小于)→ 逻辑操作符 (与或非)→ "="赋值符号


    查看全部
  • var myarr = new Array();
    for(var i = 0; i < 3; i++)
    {
    myarr[i] = new Array();
    for(var j = 0; j < 6; j++)
    {
    myarr[i][j] = i * j;
    document.write("myarr[" + i + "][" + j + "]的值:" + myarr[i][j] + "<br>");
    }
    }
    这个就可以很清晰的看到数组中每个值

    查看全部
    0 采集 收起 来源:二维数组

    2019-05-26

  • function openWebpage(){
            alert("欢迎来到慕课网!");
        window.open("http://www.imooc.com/","_blank","width=600,height=400")
    }

    </script>
    </head>
    <body>
    <form>
    <input type="button" value="点击我,打开新窗口" onclick="openWebpage()"/>
    </form>
    </body>
    </html>

    * 定义函数之后,不要忘记在body<input>标签中onclick函数;

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

    2019-05-25

  • 1. 补充右边编辑器第8行,完成降序排列函数。

    2. 补充右边编辑器第11行,使用sort()方法,进行数组降序列排列,并输出。

       function sortNum(a,b) {
       return b-a;
       }
    var myarr = new Array("80","16","50","6","100","1");
    document.write(myarr.sort(sortNum));

      return a - b;
    //升序,如降序,把“a - b”该成“b - a”

    查看全部
    0 采集 收起 来源: 数组排序sort()

    2019-05-25

  •  第一种: var myarr1= new Array("010")
        var myarr2= new Array("-","84697581");
       document.write(myarr1.concat(myarr2));

    第二种:  var myarr1= new Array("010")
        var myarr2= new Array("-","84697581");
        var myarr3=myarr1.concat(myarr2);
       document.write(myarr3);

    查看全部
  • 使用random()随机取得0-10之间的数值。使用round()对数值进行四舍五入

    document.write(Math.round(Math.random())*10+"<br>");



    查看全部
    0 采集 收起 来源:随机数 random()

    2019-05-25

  • substring 标签 提取最后一个词的时候直接写

    var mystr="Hello World!"
    document.write(mystr.substring(6)+"<br/>");
    document.write(mystr.substring(0,5));

    1.补充右边编辑器第8行,从字符对象mystr中提取World!子字符串。

    2. 补充右边编辑器第9行,从字符对象mystr中提取Hello子字符串。

    还有提取的时候在最后字符加一。


    查看全部
  • <!DOCTYPE html>
    <html>
     <head>
      <title>浏览器对象</title>  
      <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
     </head>
     <body>
      <!--先编写好网页布局-->
     <h1>操作成功</h1>
     <span id="s">5</span>
     <span>秒后回到主页</span>
     <a href="javascript:history.back();">返回</a>
     
     
      <script type="text/javascript">  
        function zhuye(){
            var num=document.getElementById("s").innerHTML;
            if(num==0)
            location.assign("http://www.baidu.com");
            else
            document.getElementById("s").innerHTML=--num;
            
        }
       //获取显示秒数的元素,通过定时器来更改秒数。
        setInterval(zhuye,1000);
       //通过window的location和history对象来控制网页的跳转。
       
     </script>
    </body>
    </html>

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

    2019-05-24

  • <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    </head>
    <script type="text/javascript">
      document.write(navigator.appCodeName+" appCodeAnme"+"</br>"+navigator.appName+" appAnme"+"</br>"+navigator.appVersion+" appVersion"+"</br>"+navigator.platform+" platform"+"</br>"+navigator.userAgent+" userAgent"+"</br>");
     
    </script>
    <body>
    </body>
    </html>

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

    2019-05-24

举报

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

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