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

JavaScript进阶篇

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

    screen对象用于获取用户的屏幕信息。

    语法:

    window.screen.属性


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

    2018-12-04

  • Length属性表示数组的长度,即数组中元素的个数

    语法:myarray.length;//获取数组myarray的长度

    索引是从0开始,所以数组的上下限分别是:0和length-1

    同时,Javascript数组的length属性是可变的,

    eg:arr.length=10;//增大数组的长度

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

    数组随元素的增加,长度也会改变

    查看全部
  • < !--流程语句练习-->

    <!DOCTYPE html>

    <html>

    <head>

    <meta 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,'大三'],

    ]

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

    switch(infos[i][3]){

    case "大一":

    switch(infos[i][1]){

    case "女":

    document.write("筛选出大一女生:"+infos[i]+"<br>")

    break;

        }

    }

    }

    </script>

    </head>

    </html>


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

    2018-12-04

  • 像数组增加新元素:

    只需要使用一个未用的索引,任何时刻可以不断向数组增加新元素

    EG:myarray[6]=88;//使用一个新索引,为数组增加一个新元素。

    查看全部
  • 2.5表达式具有一定的值,用操作符把常数和变量连接起来的代数式。一个表达式可以包含常数或变量

    查看全部
  • 数组的表达方式:

    第一步:创建数组 var myarr=new Array()

    第二步:给数组赋值:

    myarr[1]="张三";

    以上我们还可以用简单的2方法

    1. var myarr=new Array("张三","李四")-创建数组同时赋值

    2. var myarr=["张三","李四"]


    myarr[2]="李四"



    查看全部
  • Navigator对象

    Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。

    查看浏览器的名称和版本,代码如下:

    <script type="text/javascript">
       var browser=navigator.appName;
       var b_version=navigator.appVersion;
       document.write("Browser name"+browser);
       document.write("<br>");
       document.write("Browser version"+b_version);
     </script>


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

    2018-12-04

  • Location对象

    location用于获取或设置窗体的URL,并且可以用于解析URL。

    语法:

    location.[属性|方法]


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

    2018-12-04

  • <!-- 数组练习答案 -->

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <title>数组</title>

    <script type="text/javascript">

    var arr = [10,20,30,40,50,60,70,80,90,100];

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

    document.write("数组的值:"+"<br>");

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

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

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

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

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-12-04

  • 100%7

    是取余运算

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

    2018-12-04

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

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


    查看全部
  • 获取元素方法

    查看全部
  • renshiDOM


    查看全部
    0 采集 收起 来源:认识DOM

    2018-12-04

  • // var arr = [[0, 1, 2], [1, 2, 3]] //定义二维数组

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

    var infos = [

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

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

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

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

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

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

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

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

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

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

    ]

    //可以用逻辑操作符, 把2个条件同时为真的使用&&连接同时运算

    document.write("逻辑操作符方法输出:" + "<br>");

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

    {

    if (infos[i][3] == "大一" && infos[i][1] == "女") {

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

    }

    }

    //可以用if语句, 多次判断

    document.write( "<br>" + "if 多重判断方法输出" + "<br>");

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

    {

    if ( infos[i][3] == "大一" )

    {

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

    {

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

    }

    }

    }

    //可以用switch语句, 原理同if多次判断

    document.write( "<br>" + "switch 多重选择方法输出" + "<br>");

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

    {

    switch ( infos[i][3] )

    {

    case "大一":

    switch ( infos[i][1] )

    {

    case "女":

    document.write("大一女同学有:" + infos[i][0] + "<br>");

    }

    break;

    }

    }

    //按数组再次存储

    document.write( "<br>" + "多次选择方法输出" + "<br>");

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

    var arr1 = []; //定义新的数组,用来存储筛选后的数据

    var n = 0; //定义新的变量,用来决定了数组的长度

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

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

    arr1[n] = infos[i];

    //把符合"大一"的重新赋于新的数组 arr1

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

    n++;

    }

    }

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

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

    //这里可以用switch

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

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

    }

    }


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

    2018-12-04

  • 返回星期方法

    getDay() 

    var mydate=new Date();

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

      document.write("今天是:" +weekday[mydate.getDay()] );


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

    2018-12-03

举报

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

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