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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 多样化的我(变量赋值): 1.用“=”赋值,但是注意:这里 "="号的作用是给变量赋值,不是等于号 2.变量是无所不能的容器,你可以把任何东西存储在变量里,如数值、字符串、布尔值等 例如:var num1 = 123; // 123是数值 var num2 = "一二三"; //"一二三"是字符串 var num3=true; //布尔值true(真),false(假) 注意:为变量赋值字符串时要用双引号括起来
    查看全部
  • join()方法用于把数组中的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 语法: arrayObject.join(分隔符)
    查看全部
  • concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。
    查看全部
  • 提取字符串substring() substring() 方法用于提取字符串中介于两个指定下标之间的字符。 语法: stringObject.substring(starPos,stopPos)  参数说明: 注意: 1. 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符,其长度为 stop 减start。 2. 如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。 3. 如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。 使用 substring() 从字符串中提取字符串,代码如下: <script type="text/javascript">   var mystr="I love JavaScript";   document.write(mystr.substring(7));   document.write(mystr.substring(2,6)); </script> 运行结果: JavaScript love   任务 运用substring()方法,完成子字符串的提取: 1.补充右边编辑器第8行,从字符对象mystr中提取World!子字符串。 2. 补充右边编辑器第9行,从字符对象mystr中提取Hello子字符串。
    查看全部
  • Array数组对象, 数组对象是一个对象的集合,里边的对象可以是不同类型的,数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的
    查看全部
    0 采集 收起 来源: Array 数组对象

    2015-07-15

  • 区别getElementByID,getElementsByName,getElementsByTagName 以人来举例说明,人有能标识身份的身份证,有姓名,有类别(大人、小孩、老人)等。 1. ID 是一个人的身份证号码,是唯一的。所以通过getElementById获取的是指定的一个人。 2. Name 是他的名字,可以重复。所以通过getElementsByName获取名字相同的人集合。 3. TagName可看似某类,getElementsByTagName获取相同类的人集合。如获取小孩这类人,getElementsByTagName("小孩")。 把上面的例子转换到HTML中,如下: <input type="checkbox" name="hobby" id="hobby1"> 音乐 input标签就像人的类别。 name属性就像人的姓名。 id属性就像人的身份证。
    查看全部
  • setTimeout()显示和clearTimeout()停止两个计时器一起使用 点击开始和停止按钮控制这个计时器.
    查看全部
  • <!DOCTYPE html> <html> <head> <title> 事件</title> <script type="text/javascript"> function count(){ var num1=parseInt(document.getElementById('txt1').value); //获取第一个输入框的值 var num2=parseInt(document.getElementById('txt2').value); //获取第二个输入框的值' var sum=0; var and1=document.getElementById('select').value; <script type="text/javascript"> function count(){ var num1=parseInt(document.getElementById('txt1').value); //获取第一个输入框的值 var num2=parseInt(document.getElementById('txt2').value); //获取第二个输入框的值' var sum=0; var and1=document.getElementById('select').value; //获取选择框的值 switch (and1){ case "+":sum=num1+num2; break; case "-":sum=num1-num2; break; case "*":sum=num1*num2; break; case "/":sum=num1/num2; break; } //获取通过下拉框来选择的值来改变加减乘除的运算法则 //设置结果输入框的值 document.getElementById("fruit").value=sum; } </script>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 字符串分割split() 知识讲解: split() 方法将字符串分割为字符串数组,并返回此数组。 语法: stringObject.split(separator,limit) 参数说明: 注意:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。 我们将按照不同的方式来分割字符串: 使用指定符号分割字符串,代码如下: var mystr = "www.imooc.com"; document.write(mystr.split(".")+"<br>"); document.write(mystr.split(".", 2)+"<br>"); 运行结果: www,imooc,com www,imooc 将字符串分割为字符,代码如下: document.write(mystr.split("")+"<br>"); document.write(mystr.split("", 5)); 运行结果: w,w,w,.,i,m,o,o,c,.,c,o,m w,w,w,.,i 任务 运用split()方法,完成以下任务,并输出: 1. 补充右边编辑器第8行,以字符"-"分隔字符串对象mystr。 2. 补充右边编辑器第9行,将字符串对象mystr每个字符分割。 3. 补充右边编辑器第10行,将字符串对象mystr分割成字符,分割3次。
    查看全部
  • function count(){ var num1=parseInt(document.getElementById.('txt1').value); //获取第一个输入框的值 var num2=parseInt(document.getElementById.('txt2').value); //获取第二个输入框的值 var and1=document.getElementById.('select').value; //获取选择框的值 var sum; switch (and1){ case "+"+: sum=num1+num2; break; case "-"+: sum=num1-num2; break; case "*"+: sum=num1*num2; break; case "/"+: sum=num1/num2; break; } //获取通过下拉框来选择的值来改变加减乘除的运算法则 //设置结果输入框的值 document.getElementById("fruit").value="sum" }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 返回指定的字符串首次出现的位置 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 语法 stringObject.indexOf(substring, startpos) 参数说明: 说明: 1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 substring。 2.可选参数,从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找。 3.如果找到一个 substring,则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。 注意:1.indexOf() 方法区分大小写。 2.如果要检索的字符串值没有出现,则该方法返回 -1。 例如: 对 "I love JavaScript!" 字符串内进行不同的检索: <script type="text/javascript"> var str="I love JavaScript!" document.write(str.indexOf("I") + "<br />"); document.write(str.indexOf("v") + "<br />"); document.write(str.indexOf("v",8)); </script> 以上代码的输出: 0 4 9 任务 补充右边编辑器第8行,使用indexOf()方法,检索第二个字符o出现的位置。
    查看全部
  • getElementsByTagName()方法 返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。 语法:getElementsByTagName(Tagname) 说明: 1. Tagname是标签的名称,如p、a、img等标签名。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,所以从0开始。
    查看全部
  • var相当于找盒子的动作,在JavaScript中是关键字(即保留字),这个关键字的作用是声明变量,并为“变量”准备位置(即内存),我们可以一次找一个盒子,也可以一次找多个盒子,所以Var还可以一次声明多个变量,变量之间用“,”逗号隔开。
    查看全部
  • random() 方法可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。
    查看全部
    0 采集 收起 来源:随机数 random()

    2015-07-15

  • 返回指定位置的字符 charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。 语法: stringObject.charAt(index) 参数说明: 注意:1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一(string.length-1)。 2.如果参数 index 不在 0 与 string.length-1 之间,该方法将返回一个空字符串。 如:在字符串 "I love JavaScript!" 中,返回位置2的字符: <script type="text/javascript"> var mystr="I love JavaScript!" document.write(mystr.charAt(2)); </script> 注意:一个空格也算一个字符。 以上代码的运行结果: l 任务 补充右边编辑器第8行,使用charAt()方法,返回最后一个字符。
    查看全部

举报

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

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