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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分

  • <h1>your screen</h1>

    <script>

        document.write(screen.height());屏幕高度

        document.write(screen.width());屏幕宽度

        document.write(screen.availHeight);窗口可用宽度

        document.write(screen.availWidth);窗口可使用宽度

        document.write(screen.colorDepth);用户表示的颜色为

        screen.availHeight

        screen.availwidth

        screen.colorDpeth

        screen.width

        screen.height

        

        

    </script>


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

    2018-04-26

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>系好安全带,准备启航</title>


    <script type="text/javascript">


      //通过javascript的日期对象来得到当前的日期,并输出。

      

      


      

      

      //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦

      var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";

      var sum=0;

     

     scoreStr=scoreStr.split(';');

     for (i=0;i<10;i++){

         sum=sum+parseInt(scoreStr[i].split(":")[1]);

     }


    var x=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

      var mydate=new Date();

      document.write(

          mydate.getFullYear()+"年"+

          mydate.getMonth()+"月"+

          mydate.getDate()+"日"+

          x[mydate.getDay()]+"<br>"+"班级总分为:"+sum+"分");


      

      



    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-04-25

  • https://img1.sycdn.imooc.com//5ae07ab4000121f904860354.jpg

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

    2018-04-25

  • <!DOCTYPE HTML>

    <html>

    <head>

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

        <title>无标题文档</title>

    </head>


    <body>

    <form>

        请选择你爱好:<br>

        <input type="checkbox" name="hobby" id="hobby1">  音乐

        <input type="checkbox" name="hobby" id="hobby2">  登山

        <input type="checkbox" name="hobby" id="hobby3">  游泳

        <input type="checkbox" name="hobby" id="hobby4">  阅读

        <input type="checkbox" name="hobby" id="hobby5">  打球

        <input type="checkbox" name="hobby" id="hobby6">  跑步 <br>

        <input type="button" value = "全选" onclick = "checkall();">

        <input type="button" value = "全不选" onclick = "clearall();">

        <p>请输入您要选择爱好的序号,序号为1-6:</p>

        <input id="wb" name="wb" type="text" >

        <input name="ok" type="button" value="确定" onclick = "checkone();">

    </form>

    <script type="text/javascript">

        function checkall(){

            var hobby = document.getElementsByTagName("input");

            // 任务1

            console.log(hobby);

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

                    hobby[i].checked=true;

            }

        }

        function clearall(){

            var hobby = document.getElementsByName("hobby");

            // 任务2

            console.log(hobby);

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

                hobby[j].checked=false;

            }

        }


        function checkone(){

            clearall();

            var j=document.getElementById("wb").value;

            if(j>6 ||j<1){

                alert("请输入1到6之间的数字");

                clearall();

            }else{

                document.getElementById("hobby"+j).checked=true;

            }


            // 任务3


        }


    </script>

    </body>

    </html>


    查看全部
  • <!DOCTYPE  HTML>

    <html >

    <head>

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

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

    <script type="text/javascript">

    var infos=[['小A','女',21,'大一'],['小B','男',23,'大三'],['小C','男',24,'大四'],['小D','女',21,'大一'],['小E','女',22,'大四'],['小F','男',21,'大一'],['小G','女',22,'大二'],['小H','女',20,'大三'],['小I','女',20,'大一'],['小J','男',20,'大三']];


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


       for(var i=0;i<=9;i++){


             if(infos[i][3]=='大一'){              //第一次筛选,找出都是大一的信息


                     switch(infos[i][1]){          


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


                         document.write(infos[i][0]);


                         break;


                       }


             }else{}


         }

     

      

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-04-25

  • 535483720001a54506670563.jpg

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

    2018-04-25

  • 变量是用来存储某种/某些数值的存储器。我们可以把变量看做一个盒子,盒子用存放物品,物品可以是衣服、玩具、水果。。

    查看全部
    0 采集 收起 来源:什么是变量

    2018-04-25

  • <script type="text/javascript">

     //创建数组

      var  arr = ['*','##',"***","&&","****","##*"];

      arr[7] = "**";

     //显示数组长度

     alert("长度为:"+arr.length);

     

     //将数组内容输出,完成达到的效果。

    document.write(arr[0]+"<br>");

    document.write(arr[1]+"<br>");

    document.write(arr[2]+"<br>");

    document.write(arr[3]+"<br>");

    document.write(arr[4]+"<br>");

    document.write(arr[5]+"<br>");

    document.write(arr[6]+"<br>");

    </script>


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

    2018-04-25

  • 返回带有指定名称的节点对象的集合。

    语法:

    document.getElementsByName(name)

    与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。

    注意:

    1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。

    2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。


    查看全部
  • 有dw写,360浏览器运行时,延时居然先执行

    查看全部
  • setInterver("函数名()",延迟时间)

    setInterval(函数名,延迟时间)

    查看全部
  • 不太能理解这个升序函数

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

    2018-04-25

  • while先判断后循环,do while先循环后判断,

    break;终止循环,swith:case加对应得语句,如果判断里的数值等于case的值,终止循环break


    查看全部
    0 采集 收起 来源:退出循环break

    2018-04-25

  • substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。

    语法:

    stringObject.substr(startPos,length)

    参数说明:

    注意:如果参数startPos是负数,从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。

    如果startPos为负数且绝对值大于字符串长度,startPos为0。


    查看全部
  • substring() 方法用于提取字符串中介于两个指定下标之间的字符。

    语法:

    stringObject.substring(startPos,stopPos)

    参数说明:

    注意:

    1. 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符,其长度为 stop 减start。

    2. 如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。

    3. 如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。


    查看全部

举报

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

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