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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • document.getElementById() 是通过ID获取; document.getElementsByName() 是通过name获取; document.getElementsByTagName() 是通过标签名获取。
    查看全部
  • 要如何改
    查看全部
  • 注意:如果参数startPos是负数,从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。 如果startPos为负数且绝对值大于字符串长度,startPos为0。
    查看全部
  • 提取指定数目的字符substr() substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。 语法: stringObject.substr(startPos,length)
    查看全部
  • 返回星期方法 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> 注意:以上代码是在2014年3月7日,星期五运行。 结果: 5 今天是:星期五
    查看全部
    0 采集 收起 来源:返回星期方法

    2018-03-22

  • 二维数组 一维数组,我们看成一组盒子,每个盒子只能放一个内容。 一维数组的表示: 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 。 将上面二维数组,用表格的方式表示: 2. 二维数组的定义方法二 var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]] 3. 赋值 myarr[0][1]=5; //将5的值传入到数组中,覆盖原有值。 说明: myarr[0][1] ,0 表示表的行,1表示表的列。   任务 试一试,创建二维数组(一维长度3,二维长度5),值为一维数组和二维数组索引值的积,如myarr[2][5]=2*5。 在右边编辑器的script标签内,创建该二维数组。
    查看全部
    0 采集 收起 来源:二维数组

    2018-03-22

  • document.getElementsByName(name) 与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。 注意: 1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。
    查看全部
  • setInterval()循环调用某函数,setTimeout()规定时间后调用某函数 var time=5; function shuaxin() { document.getElementById("1").innerHTML=time--; } var a= setInterval("shuaxin()",1000); function clock() { window.location.href="www.imooc.com"; } setTimeout("clock()",5*1000);
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • while()条件判断在书写时应注意: 1、如要保证循环至少执行一次,要保证判断条件与循环一次后的判断为真,否则循环只会执行一次就停止,因为如果判断是假,循环就只会执行一次然后跳出循环。例如: var mynum =6;//mynum初值化数值为6 do { document.write("数字:"+mynum+"<br/>"); mynum=mynum-1; } while(mynum<=0); 这个循环语句判断条件mynum<=0,而循环前已经给mynum赋值为6,显然6不小于等于0,判断为假,循环立即停止。 2、判断条件除了要满足循环一次后比较依然是真以外,还要保证循环有尽头,否则循环就会一直进行,造成卡死。 拿上面的循环语句做例子,例如: 当判断条件mynum<7,循环执行一次后判断,mynum=6<7,判断为真,循环会继续,但会出现循环无穷尽,因为6本来就比7小,每进行一次mynum减1的循环,判断都会比7小,而出现死循环。 正确的do{}while()循环语句中的判断条件写法应该理解为:执行循环,直到循环内的值大于或小于某一个值后结束。
    查看全部
  • 了解成员数量(数组属性length) 如果我们想知道数组的大小,只需引用数组的一个属性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); //显示数组长度8 document.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); //显示数组的长度5 arr[15]=34; //增加元素,使用索引为15,赋值为34 alert(arr.length); //显示数组的长度16 任务 在右边编辑器中,已创建数组mynum,并赋值65,90,88,98。 1. 在右边编辑器的第8行,使用length属性显示数组长度。
    查看全部
  • 呼叫团里成员(使用数组元素) 我们知道数组中的每个值有一个索引号,从0开始,如下图, myarray变量存储6个人的成绩:   要得到一个数组元素的值,只需引用数组变量并提供一个索引,如: 第一个人的成绩表示方法:myarray[0] 第三个人的成绩表示方法: myarray[2]   任务 变量myarr保存4个人的姓名,现在看看第二个人的姓名是什么? 1.在右边编辑器的第12行补充代码,显示第二个人的姓名。(?位置写代码)
    查看全部
  • 团里添加新成员(向数组增加一个新元素) 上一节中,我们使用myarray变量存储了5个人的成绩,现在多出一个人的成绩,如何存储呢?  只需使用下一个未用的索引,任何时刻可以不断向数组增加新元素。 myarray[5]=88; //使用一个新索引,为数组增加一个新元素 任务 数组中已有三个数值88,90,68,为数组新增加一个元素(第四个),值为99。
    查看全部
  • function count(){ //获取第一个输入框的值 var data1=parseInt(document.getElementById("txt1").value); //获取第二个输入框的值 var data2=parseInt(document.getElementById("txt2").value); //获取选择框的值 var caozuo=document.getElementById("select").value; //获取通过下拉框来选择的值来改变加减乘除的运算法则 //设置结果输入框的值 switch(caozuo){ case '+': document.getElementById("fruit").value=data1+data2; break; case '-': document.getElementById("fruit").value=data1-data2; break; case '*': document.getElementById("fruit").value=data1*data2; break; case '/': document.getElementById("fruit").value=data1/data2; break; default: break; } } </script>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 谁是团里成员(数组赋值) 数组创建好,接下来我们为数组赋值。我们把数组看似旅游团的大巴车,大巴车里有很多位置,每个位置都有一个号码,顾客要坐在哪个位置呢?  第一步:组个大巴车 第二步:按票对号入座 大巴车的1号座位是张三 大巴车的2号座位是李四 数组的表达方式: 第一步:创建数组var myarr=new Array(); 第二步:给数组赋值 myarr[1]=" 张三"; myarr[2]=" 李四"; 下面创建一个数组,用于存储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];//直接输入一个数组(称 “字面量数组”) 注意:数组存储的数据可以是任何类型(数字、字符、布尔值等)   任务 1.在右边编辑器中第7行创建数组,长度为3,保存在myarr变量中。 2.在右边编辑器中第8、9、10行为数组中每项赋值,分别为88,90,68。
    查看全部
  • 返回/设置年份方法 get/setFullYear() 返回/设置年份,用四位数表示。 var mydate=new Date();//当前时间2014年3月6日 document.write(mydate+"<br>");//输出当前时间 document.write(mydate.getFullYear()+"<br>");//输出当前年份 mydate.setFullYear(81); //设置年份 document.write(mydate+"<br>"); //输出年份被设定为 0081年。 注意:不同浏览器, mydate.setFullYear(81)结果不同,年份被设定为 0081或81两种情况。 结果: Thu Mar 06 2014 10:57:47 GMT+0800 2014 Thu Mar 06 0081 10:57:47 GMT+0800 注意: 1.结果格式依次为:星期、月、日、年、时、分、秒、时区。(火狐浏览器) 2. 不同浏览器,时间格式有差异。
    查看全部

举报

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

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