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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • getElementsByName()方法 返回带有指定名称的节点对象的集合。 语法: document.getElementsByName(name) 与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。 注意: 1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。 看看下面的代码: 运行结果:
    查看全部
  • 认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合,DOM节点有: 1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。 2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"。 节点属性: 遍历节点树: 以上图ul为例,它的父级节点body,它的子节点3个li,它的兄弟结点h2、P。 DOM操作: 注意:前两个是document方法。
    查看全部
    0 采集 收起 来源:认识DOM

    2018-03-22

  • 先理解js,再去看样式,可以把每个样式加个背景色,这样可以轻松看出这是哪个模块的样式了
    查看全部
    0 采集 收起 来源:编程挑战

    2017-08-30

  • 选定元素slice() slice() 方法可从已有的数组中返回选定的元素。 语法 arrayObject.slice(start,end) 1.返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。 2. 该方法并不会修改数组,而是返回一个子数组。 注意: 1. 可使用负值从数组的尾部选取元素。 2.如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。 3. String.slice() 与 Array.slice() 相似。
    查看全部
    0 采集 收起 来源:选定元素slice()

    2017-08-30

  • 颠倒数组元素顺序reverse() reverse() 方法用于颠倒数组中元素的顺序。 语法: arrayObject.reverse() 注意:该方法会改变原来的数组,而不会创建新的数组。
    查看全部
  • 指定分隔符连接数组元素join() join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。 语法: arrayObject.join(分隔符) 注意:返回一个字符串,该字符串把数组中的各个元素串起来,用<分隔符>置于元素与元素之间。这个方法不影响数组原本的内容。 我们使用join()方法,将数组的所有元素放入一个字符串中,代码如下: <script type="text/javascript"> var myarr = new Array(3); myarr[0] = "I"; myarr[1] = "love"; myarr[2] = "JavaScript"; document.write(myarr.join()); </script> 运行结果: I,love,JavaScript 我们将使用分隔符来分隔数组中的元素,代码如下: <script type="text/javascript"> var myarr = new Array(3) myarr[0] = "I"; myarr[1] = "love"; myarr[2] = "JavaScript"; document.write(myarr.join(".")); </script> 运行结果: I.love.JavaScript
    查看全部
  • 数组连接concat() concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。 语法 arrayObject.concat(array1,array2,...,arrayN) 参数说明: 参数:array1 说明:要连接的第一个数组。 注意: 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
    查看全部
  • 计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。 语法: setInterval(代码,交互时间); 参数说明: 1. 代码:要调用的函数或要执行的代码串。 2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。 返回值: 一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。 <script type="text/javascript"> var attime; function clock(){ var time=new Date(); attime= time.getHours()+":"+time.getMinutes()+":"+time.getSeconds() ; document.getElementById("clock").value = attime; } setInterval("clock()",1000) </script>
    查看全部
  • Array 数组对象 数组对象是一个对象的集合,里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的 数组定义的方法: 1. 定义了一个空数组: var 数组名= new Array(); 2. 定义时指定有n个空元素的数组: var 数组名 =new Array(n); 3.定义数组的时候,直接初始化数据: var 数组名 = [<元素1>, <元素2>, <元素3>...]; 我们定义myArray数组,并赋值,代码如下: var myArray = [2, 8, 6]; 说明:定义了一个数组 myArray,里边的元素是:myArray[0] = 2; myArray[1] = 8; myArray[2] = 6。 数组元素使用: 数组名[下标] = 值; 注意: 数组的下标用方括号括起来,从0开始。 数组属性: length 用法:<数组对象>.length;返回:数组的长度,即数组里有多少个元素。它等于数组里最后一个元素的下标加一。
    查看全部
    0 采集 收起 来源: Array 数组对象

    2018-03-22

  • 随机数 random() random() 方法可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。 语法: Math.random(); 注意:返回一个大于或等于 0 但小于 1 的符号为正的数字值。 注意:因为是随机数,所以每次运行结果不一样,但是0 ~ 1的数值。
    查看全部
    0 采集 收起 来源:随机数 random()

    2017-08-30

  • 四舍五入round() round() 方法可把一个数字四舍五入为最接近的整数。 语法: Math.round(x) 参数说明: 参数:x 描述:必需。必须是数字。 注意: 1. 返回与 x 最接近的整数。 2. 对于 0.5,该方法将进行上舍入。(5.5 将舍入为 6) 3. 如果 x 与两侧整数同等接近,则结果接近 +∞方向的数字值 。(如 -5.5 将舍入为 -5; -5.52 将舍入为 -6)。
    查看全部
    0 采集 收起 来源:四舍五入round()

    2017-08-30

  • 向下取整floor() floor() 方法可对一个数进行向下取整。 语法: Math.floor(x) 参数说明: 参数:x 描述:必需。必须是一个数值。 注意:返回的是小于或等于x,并且与 x 最接近的整数。
    查看全部
    0 采集 收起 来源:向下取整floor()

    2017-08-30

  • Location对象 location用于获取或设置窗体的URL,并且可以用于解析URL。 语法: location.[属性|方法] location对象属性图示: protocol|------host--------|pathname|-------search----------|---hash--| http: //www.imooc.com:8080/list.php?courseid=8&chapterid=86#mediaid118 |--host name---|port| location 对象属性: ---------------------------------- 属性 | 描述 hash |设置或返回从井号(#)开始的URL(锚) host |设置或返回主机名和当前URL的端口号 hostname |设置或返回当前URL的主机名 href |设置或返回完整的URL pathname |设置或返回当前URL的路径部分 port |设置或返回当前URL的端口号 protocol |设置或返回当前URL的协议 search |设置或返回从问号(?)开始的URL(查询部分) ------------------------------------------------- location 对象方法: ---------------------------------- 方法 | 描述 asign() |加载新的文档 reload() |重新加载当前文档 replace() |用新的文档替换当前文档 ----------------------------------
    查看全部
    0 采集 收起 来源:Location对象

    2018-03-22

  • //通过javascript的日期对象来得到当前的日期,并输出。 var date=new Date(); //当前日期 var year=date.getFullYear(); //当前年份 var month=date.getMonth(); var date1=date.getDate(); var week=date.getDay(); document.write(year + "年"); document.write( month+ 1 + "月"); document.write(date1 + "日"); document.write("星期" + week+"<br>"); //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦 var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76"; var mystr=scoreStr.split(";"); // var mystr1=mystr.split(":"); // document.write("砍20刀以后的样子:"+mystr1); document.write("成绩单:"+mystr); //从数组中将成绩撮出来,然后求和取整,并输出。 var sum=0; for(var i=0;i<mystr.length;i++){ // sum+=parseInt(mystr[i].substr(mystr[i].indexOf(":")+1)); 把(":")+1 改成3为什么输出的结果会不一样呢? //提取“:”+1这个位置的字符串,并转化为整数 sum+=parseInt(mystr[i].substr(mystr[i].indexOf(":")+1)); } document.write("班级总分为:"+sum+"<br>"); document.write("班级平均分为:"+Math.round(sum/mystr.length));
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • onclick 鼠标点击事件 onmouseover 鼠标经过事件 onmouseout 鼠标移开事件 onchange 文本框内容改变事件 onselect 文本框内容被选中事件 onfocus 光标聚集 onblur 光标离开 onload 网页导入 onunload 关闭网页
    查看全部
    0 采集 收起 来源:什么是事件

    2017-08-30

举报

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

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