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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 提示:
    1. 获取表格的行,getElementsByTagName 。
    2. 使用for进行循环,为每行添加事件及背景颜色设置。


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

    2019-08-08

  • arrayobject.sort(方法函数)

    方法函数:可选参数,规定排序顺序,必须是函数

    1. 若没有方法函数,则按照unicode码顺序排序

    2. 如果指定,则按照指定的方法函数的排序方法排序


    注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下: 

    • 若返回值<=-1,则A在B之前

    • 若返回值>=1,则A在B之后

    • 否则,A,B有相同的排序顺序

    函数如下:

    <script type="text/javascript">

       function sortNum(a,b) {
           return a-b;
       } //升序,改为“b-a”就为降序

    调用方法:

    arrayobject.sort(sortNum)

    ps:只用写函数名,不用加后面的括号


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

    2019-08-08

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>流程控制语句</title>

    <script type="text/javascript">

    //  第一步把之前的数据写成一个数组的形式,定义变量为 infos

        var infos = [

        ['小A','女',21,'大一'],

    ['小B','男',23,'大三'],

    ['小C','男',24,'大四'],

    ['小D','女',21,'大一'],

    ['小E','女',22,'大四'],

        ['小F','男',21,'大一'],

    ['小G','女',22,'大二'],

    ['小H','女',20,'大三'],

    ['小I','女',20,'大一'],

    ['小J','男',20,'大三']

        ]

        

        document.write("全部学生信息为:"+infos+"<br />");

     //第一次筛选,找出都是女生的信息

        var arr = [];

        var b = 0;

        for(var i = 0; i<infos.length;i++){

            if(infos[i][1] == "女"){

                arr[b] = infos[i];

                document.write(arr[b]+"<br/>")

            }

        }

     //第二次筛选,找出都是大一的信息

        for(var i = 0; i<arr.length;i++){

            if(arr[i][3]=="大一"){

                document.write(arr[i][0])

            }

        }

      

    </script>

    </head>


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

    2019-08-08

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>流程控制语句</title>

    <script type="text/javascript">

    //  第一步把之前的数据写成一个数组的形式,定义变量为 infos

     var infos = [  ['小A','女',21,'大一'],['小B','男',23,'大三'],

                    ['小C','男',24,'大四'],['小D','女',21,'大一'],

                    ['小E','女',22,'大四'],['小F','男',21,'大一'],

                    ['小G','女',22,'大二'],['小H','女',20,'大三'],

                    ['小I','女',20,'大一'],['小J','男',20,'大三']

                ];

     //第一次筛选,找出都是大一的信息

     var a = 0;

     var arr1 = [];

     for(var i = 0;i<infos.length;i++){

         if(infos[i][3] == '大一'){

            arr1[a] = infos[i];

            document.write(arr1[a]+"<br/>");

            

        }

     }

     document.write(arr1[a].length+"<br/>");

     //第二次筛选,找出都是女生的信息

     for(var j = 0; j<arr1.length;j++){

         if(arr1[j][1] == "女"){

             document.write(arr1[j][0]);

         }

     }

      

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-08-08

  • 使用createTextNode创建文本节点"I love JavaScript!"。

    查看全部
  • 调用createa函数,链接地址 http://www.imooc.com,文本为:慕课网

    查看全部
  • navigator.userAgent

    返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)

    indexOf如果没有查询到想要的东西,就返回-1

    查看全部
    0 采集 收起 来源:userAgent

    2019-08-07

  • <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>do...while</title><script type="text/javascript">    var mynum =6;//mynum初值化数值为6	do	{	document.write("数字:"+mynum+"<br/>");	mynum=mynum-1;	}	while(mynum>0)//大于0的时候就会进来循环里 直到条件不相等	</script></head><body></body></html>


    查看全部
  • window.onload=function(){
            var div1=document.getElementById("con");
            var li=document.getElementsByTagName("li");
            var divs=div1.getElementsByTagName("div");
            for(var i=0;i<li.length;i++)
            {
                li[i].index=i;
                li[i].onclick=function()
                {
                    for(var n=0;n<li.length;n++)
                    {
                        li[n].className="";
                        divs[n].className="hide";
                    }
                    this.className="on";
                    divs[this.index].className="";
                }
            }
        } 

    查看全部
    0 采集 收起 来源:编程挑战

    2019-08-06

  • 主要事件表, 按钮事件.

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

    2019-08-06

  • function del(obj){  }

    获取当前调用函数的对象

    del(this) 指当前对象

    prompt();

    弹出输入框

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

    2019-08-06

  • random() 方法可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。


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

    2019-08-05

  • 四舍五入round()


    查看全部
    0 采集 收起 来源:四舍五入round()

    2019-08-05

  • 向下取整floor()

    3.11即是3

    查看全部
    0 采集 收起 来源:向下取整floor()

    2019-08-05

  • 向上取整ceil()

    3.11即是4

    查看全部
    0 采集 收起 来源:向上取整ceil()

    2019-08-05

举报

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

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