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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • <textarea>多行文本框

    window.getSelection()获取鼠标划取部分的起始位置和结束位置的问题

    查看全部
  • https://img1.sycdn.imooc.com//5bcd2e5e000183b806100530.jpg

    全选与全不选的的代码

    查看全部
  • 得到0-10之间的一个整数

    document.write(Math.round(Math.random()*10));

    先获得一个0-1之间的数并且乘以10,然后四舍五入获得一个整数

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

    2018-10-21

  • substr(开始位置,子字符串的长度)

    substring(开始位置,结束为止)

    结束位置省略,表示到最终点

    查看全部
  • 利用子节点这里,可以插入之前的

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

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


    查看全部
  • <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>switch</title>
    <script type="text/JavaScript">
    function a(){
        var showMessage = prompt("请输入要查的星期");
        switch(showMessage)
    {
     case "1":
     case "2":
     alert("学习理念知识");
     break;
     case "3":
     case "4":
     alert("到企业实践");
     break;
     case "5":
     alert("总结经验");
     break;
     case "6":
     case "7":
     alert("周六、日休息和娱乐");
     break;
     default:
     alert("请输入正确的数值");
    }
    }
    </script>
    </head>
    <body>
        <p>
            <input type="button" value="查看工作安排" onclick="a()" />
        </p>
    </body>
    </html>

    查看全部
  •   页面实际高度为8;

      因为<body>标签内默认页面边距margin=8px


    查看全部
  • 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
       }
     }


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

    2018-10-21

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

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

    查看全部
  • 下面创建一个数组,用于存储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 myarray= new Array(8); //创建数组,存储8个数据。

    1.创建的新数组是空数组,没有值,如输出,则显示undefined。
    2.虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。

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

    算术操作符 比较操作符 逻辑操作符 "="赋值符号

    如果同级的运算是按从左到右次序进行,多层括号由里向外。


    查看全部
  • 两个操作数通过比较操作符进行比较,得到值为真(true)和假(false)。

    查看全部
  • scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大。 
    clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变。 
    offsetWidth:对象整体的实际宽度,包滚动条等边线,会随对象显示大小的变化而改变。

    情况1:

    元素内无内容或者内容不超过可视区,滚动不出现或不可用的情况下。

    scrollWidth=clientWidth,两者皆为内容可视区的宽度。

    offsetWidth为元素的实际宽度。

    http://img1.sycdn.imooc.com//592fe0a90001214b05340280.jpg

    情况2:

    元素的内容超过可视区,滚动条出现和可用的情况下。

    scrollWidth>clientWidth。

    scrollWidth为实际内容的宽度。

    clientWidth是内容可视区的宽度。

    offsetWidth是元素的实际宽度。

    http://img1.sycdn.imooc.com//592fe0b8000135d306160362.jpg


    查看全部

举报

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

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