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

JavaScript进阶篇

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

    可以使用parseInt()将字符串转换成数值。

        var a =parseInt(document.getElementById("txt1").value);

        var b =parseInt(document.getElementById("txt2").value);


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

    2018-06-08

  • 那人那人

    break;

    case 2:

    break;

    default:

    查看全部
    0 采集 收起 来源：多种选择（Switch语句)

    2018-06-08

  • 慕容0368030

    一、针对IE、Opera:

    scrollHeight 是网页内容实际高度，可以小于 clientHeight。

    二、针对NS、FF:

    scrollHeight 是网页内容高度，不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时，scrollHeight 返回 clientHeight 。

    三、浏览器兼容性

    var w=document.documentElement.scrollWidth
   || document.body.scrollWidth;
var h=document.documentElement.scrollHeight
   || document.body.scrollHeight;

    注意:区分大小写

    scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。


    查看全部
    0 采集 收起 来源：网页尺寸scrollHeight

    2018-06-08

  • 那个六年级的小男孩

    语法:

    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后的语句。


    查看全部
    0 采集 收起 来源：多种选择（Switch语句)

    2018-06-08

  • 好好学习day_day_up

    <!DOCTYPE HTML>

    <html>

        <head>

        <meta charset="utf-8">

            <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();">

              <input type="button" value="反选" onclick = "invert();"></input>

              <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");

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

                   hobby[i].checked=true;

               }

              // 任务1 

               

            }

            function clearall(){

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

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

                   hobby[i].checked=false;

               }

             // 任务2    

            

            }


            function invert(){

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

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

            hobby[i].checked = !hobby[i].checked;

            }

            }



            function checkone(){

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

                var mya = parseFloat(j).toString() !== 'NaN';

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

                if(parseInt(j)>6||parseInt(j)<1||mya==false){

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

                }


                

                hobby[parseInt(j)-1].checked=true

                

             // 任务3

            }

            

            </script>

        </body>

    </html>


    查看全部
    1 采集 收起 来源：区别getElementByID,getElementsByName,getElementsByTagName

    2018-06-08

  • 那个六年级的小男孩

    注意: 二维数组的两个维度的索引值也是从0开始，两个维度的最后一个索引值为长度-1。 

    1. 二维数组的定义方法一

    var myarr=new Array();  //先声明一维 
for(var i=0;i<2;i++){   //一维长度为2
   myarr[i]=new Array();  //再声明二维 
   for(var j=0;j<3;j++){   //二维长度为3
   myarr[i][j]=i+j;   // 赋值，每个数组元素的值为i+j
   }
 }


    注意: 关于for 循环语句，请看第四章4-5 。

    将上面二维数组，用表格的方式表示:

    2. 二维数组的定义方法二

    var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]

    3. 赋值

    myarr[0][1]=5; //将5的值传入到数组中，覆盖原有值。

    说明: myarr[0][1] ,0 表示表的行，1表示表的列。


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

    2018-06-08

  • 那个六年级的小男孩

    如果我们想知道数组的大小，只需引用数组的一个属性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); //显示数组长度8document.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); //显示数组的长度5arr[15]=34;  //增加元素，使用索引为15,赋值为34alert(arr.length); //显示数组的长度16


    查看全部
    0 采集 收起 来源：了解成员数量(数组属性length)

    2018-06-08

  • 那人那人

    arr.length

    查看全部
    0 采集 收起 来源：了解成员数量(数组属性length)

    2018-06-08

  • 那个六年级的小男孩

    下面创建一个数组，用于存储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];//直接输入一个数组（称 “字面量数组”）

    注意：数组存储的数据可以是任何类型（数字、字符、布尔值等）

    查看全部
    0 采集 收起 来源：谁是团里成员（数组赋值）

    2018-06-08

  • 慕慕2041692

    <!DOCTYPE  HTML>

    <html >

    <head>

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

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


    <script type="text/javascript">

        var mydate = new Date();

        weekday = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]

        document.write(mydate.getFullYear()+"年"+(mydate.getMonth()+1)+"月"+mydate.getDate()+"日"+"&nbsp;"+weekday[mydate.getDay()]+"<br>")

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

      

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

        var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76;刘伟东:82;武兵:10";

        var scsplit = scoreStr.split(";");

        var num=0,score = new Array();

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

            num += parseInt((scsplit[i].split(":"))[1]);

        }

        document.write("--班级总分为:"+num+"分&nbsp;&nbsp;平均分(四舍五入)为"+Math.round(num/scsplit.length)+"分");



      //从数组中将成绩撮出来，然后求和取整，并输出。

      



    </script>

    </head>

    <body>

    </body>

    </html>

    注意细节（方向没问题）

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

    2018-06-08

  • 那人那人

    jq1:计算步骤

    5+30>10&&2*3<20;

    35>10&&6<20

    true&&true

    true

    查看全部
    0 采集 收起 来源：保持先后顺序(操作符优先级）

    2018-06-08

  • 慕工程8645782

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

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


    查看全部
    0 采集 收起 来源：了解成员数量(数组属性length)

    2018-06-08

  • qq_biubiubiu_28

    getDay() 返回星期，返回的是0-6的数字，0 表示星期天。如果要返回相对应“星期”，通过数组完成，代码如下:

    <script type="text/javascript">
  var mydate=new Date();//定义日期对象
  var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];//定义数组对象,给每个数组项赋值
  var mynum=mydate.getDay();//返回值存储在变量mynum中  document.write(mydate.getDay());//输出getDay()获取值
  document.write("今天是："+ weekday[mynum]);//输出星期几</script>


    查看全部
    0 采集 收起 来源：返回星期方法

    2018-06-08

首页上一页738739740741742743744下一页尾页

举报

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

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

查看已购买的课程