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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 多种选择(Switch语句) 当有很多种选项的时候,switch比if else使用更方便。 语法: 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后的语句。
    查看全部
  • life搁浅的思念3521450 做个标记,别没完没了的弹框 <script type="text/javascript"> var tag = 0; function message(){ if(tag == 0) { alert("请选择,您现在的职业!"); tag = 1; } } </script>
    查看全部
  • setTimeout()和clearTimeout()一起使用,停止计时器。 语法: clearTimeout(id_of_setTimeout) 参数说明: id_of_setTimeout:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
    查看全部
  • 忘了。。。
    查看全部
    0 采集 收起 来源:认识DOM

    2017-08-15

  • <!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,"大三"]]; //第一次筛选,找出都是大一的信息 for (var a=0;a<infos.length;a++){ if (infos[a][3] == "大一") { var arr = new Array; var b = 0; arr1[b] = infos[a]; b++; } } //第二次筛选,找出都是女生的信息 for (var a1=0;a1<arr.length;a1++) { if (arr[a1][3] == "女") { var arr1 = new Array; var b1 = 0; arr1[b1] = arr[a1]; b1++; } } for (var x=0;x<arr1.length;x++) { document.write(arr1[x]+"<br>") } </script> </head> <body> </body> </html>
    查看全部
    1 采集 收起 来源:编程练习

    2018-03-22

  • 左闭右开,包括start不包括end
    查看全部
    0 采集 收起 来源:选定元素slice()

    2017-08-15

  • 二维数组 一维数组,我们看成一组盒子,每个盒子只能放一个内容。 一维数组的表示: myarray[ ] 二维数组,我们看成一组盒子,不过每个盒子里还可以放多个盒子。 二维数组的表示: myarray[ ][ ] 注意: 二维数组的两个维度的索引值也是从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 。 将上面二维数组,用表格的方式表示: ------------------- 0 1 2 0 myarr[0][0]值:0 myarr[0][1]值:1 myarr[0][2]值:2 1 myarr[1][0]值:1 myarr[1][1]值:2 myarr[1][2]值:3 ------------------- 2. 二维数组的定义方法二 ;' var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]] 3. 赋值 myarr[0][1]=5; //将5的值传入到数组中,覆盖原有值。 说明: myarr[0][1] ,0 表示表的行,1表示表的列。
    查看全部
  • 用现有数组显示递增图 <!DOCTYPE HTML> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript"> // var arr=new Array('*','##',"***","&&","****","##*"); arr[7] = "**"; // //alert(arr.length); //fill arr[i] for(var i=0;i<arr.length;i++) if(!arr[i]) arr[i]=""; //sort for(var i=0;i<arr.length;i++) for(var j=i;j<arr.length;j++) if(arr[i].length>arr[j].length) { var t=arr[i]; arr[i]=arr[j]; arr[j]=t; } // for(var i=0;i<arr.length;i++) if(arr[i].match("^[*]{1,4}$")) document.write(arr[i]+"<br>"); </script> </head> <body> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 用现有数组显示递增图 <!DOCTYPE HTML> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript"> var arr = ['*','##',"***","&&","****","##*"]; arr[7] = "**"; var l = arr.length; var i = 0; for(; i < l; i++){ var val = arr[i]; if(val != undefined) { var newarr = val.split(''); var newl = newarr.length; for(var j = 0; j < newl; j++){ if(newarr[j] != '*'){ arr.splice(i, 1); break; } } } } arr.sort(function(a, b){ if(a.length > b.length){ return 1 }else if(a.length < b.length){ return -1 }else{ return 0 } }) for(var i = 0; i < l; i++){ if(arr[i] != undefined){ document.write(arr[i] + '<br />') } } </script> </head> <body> <p></p> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 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-03-22

  • 删除节点removeChild() removeChild() 方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。 nodeObject.removeChild(node)
    查看全部
  • SDQ
    <!DOCTYPE HTML> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>系好安全带,准备启航</title> <script type="text/javascript"> //通过javascript的日期对象来得到当前的日期,并输出。 var date=new Date(); var y,m,d,w; var v=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; y=date.getFullYear(); m=date.getMonth()+1; d=date.getDate(); w=date.getDay(); document.write(y+"年"+" "+m+"月"+d+"日"+" "+v[w]); //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦 var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76"; var arr = scoreStr.split(';');//按 ; 符号进行数组分割 var sum = 0; var av= 0; for( var i =0;i<arr.length;i++ ){ var index = arr[i].indexOf(':'); //根据 : 符号确定数字开始的位置 sum += parseInt( arr[i].substr(index+1,2) ); // parseInt() 字符串类型转成整型 } av = sum/arr.length; av = Math.floor(av); // 取整 document.write("--班级总分为:"+av); </script> </head> <body> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 插入节点insertBefore() insertBefore() 方法可在已有的子节点前插入一个新的子节点。 语法: insertBefore(newnode,node); newnode: 要插入的新节点。 node: 指定此节点前插入节点。
    查看全部
  • 插入节点appendChild() 在指定节点的最后一个子节点列表之后添加一个新的子节点。 语法: appendChild(newnode)
    查看全部
  • 二维数组的声明
    查看全部
    0 采集 收起 来源:二维数组

    2017-08-15

举报

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

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