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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • DOM节点有三个重要的属性:nodeName, nodeValue, nodeType 一、nodeName属性:节点的名称,是只读的 1、元素节点的nodeName与标签名相同 2、属性节点的nodeName是属性的名称 3、文本节点的nodeName永远是#text 4、文档节点的nodeName永远是#document 二、nodeValue属性:节点的值 1、元素节点的nodeValue是undefined或null 2、文本节点的nodeValue是文本本身 3、属性节点的nodeValue是属性的值 三、nodeType属性:节点的类型,是只读的。以下常用的几种节点类型: 元素 - 1 属性 - 2 文本 - 3 注释 - 8 文档 - 9
    查看全部
    0 采集 收起 来源:节点属性

    2015-01-18

  • 取消计时器clearInterval() clearInterval() 方法可取消由 setInterval() 设置的交互时间。 语法: clearInterval(id_of_setInterval) 参数说明: id_of_setInterval:由 setInterval() 返回的 ID 值。 每隔 100 毫秒调用 clock() 函数,并显示时间。当点击按钮时,停止时间,代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> <script type="text/javascript"> function clock(){ var time=new Date(); document.getElementById("clock").value = time; } // 每隔100毫秒调用clock函数,并将返回值赋值给i var i=setInterval("clock()",100); </script> </head> <body> <form> <input type="text" id="clock" size="50" /> <input type="button" value="Stop" onclick="clearInterval(i)" /> </form> </body> </html> 任务 补充右边编辑器第12行,使用setInterval()计时器,显示动态时间。 补充右边编辑器第18行,点击Stop按钮后,取消计时器。
    查看全部
  • 计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。 语法: setInterval(代码,交互时间); 参数说明: 1. 代码:要调用的函数或要执行的代码串。 2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。 返回值: 一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。 调用函数格式(假设有一个clock()函数): setInterval("clock()",1000) 或 setInterval(clock,1000) 我们设置一个计时器,每隔100毫秒调用clock()函数,并将时间显示出来,代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> <script type="text/javascript"> var int=setInterval(clock, 100) function clock(){ var time=new Date(); document.getElementById("clock").value = time; } </script> </head> <body> <form> <input type="text" id="clock" size="50" /> </form> </body> </html> 任务 补充右边编辑器第10行,获取时间,格式"时:分:秒",并赋值给attime。 补充右边编辑器第13行,使用setInterval()计时器来显示动态时间。
    查看全部
  • window对象 window对象是BOM的核心,window对象指当前的浏览器窗口。 window对象方法: 注意:在JavaScript基础篇中,已讲解了部分属性,window对象重点讲解计时器。 任务 在右边编辑器script标签内补充代码,弹出对话框"欢迎来到慕课网"。 定义一个函数,实现打开一个网页,宽为600,高为400。 当点击"点击我,打开新窗口"按钮时,在打开网页。
    查看全部
    0 采集 收起 来源:window对象

    2018-03-22

  • 当两个多维度concat()时,是吧维度链接起来,例如[[1,2],[a,b]]和[[1,2],[a,b]]链接,形成的是[[1,2],[a,b],[1,2],[a,b]]
    查看全部
  • css不会写。。好无奈啊
    查看全部
    0 采集 收起 来源:编程挑战

    2015-01-16

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>while</title> <script type="text/javascript"> var users = [ ['小A','女',21,'大一'], ['小B','男',23,'大三'], ['小C','男',24,'大四'], ['小C','男',24,'大四'], ['小D','女',21,'大一'], ['小E','女',22,'大四'], ['小F','男',21,'大一'], ['小G','女',22,'大二'], ['小H','女',20,'大三'], ['小I','女',20,'大一'], ['小J','男',20,'大三'] ]; users.forEach(function(user) { if (user[1]=="女" && user[3]=="大一") { console.log(user[0]) }; }); </script> </head> <body> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 编程练习 某班的成绩出来了,现在老师要把班级的成绩打印出来。 效果图: 2014年5月9日 星期六--班级总分为:81 格式要求: 1、显示打印的日期。 格式为类似“2014年03月21日 星期三” 的当前的时间。 2、计算出该班级的平均分(保留整数)。 同学成绩数据如下: "小明:87; 小花:81; 小红:97; 小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76" 任务 第一步:可通过javascript的日期对象来得到当前的日期。 提示:使用Date()日期对象,注意星期返回值为0-6,所以要转成文字"星期X" 第二步:一长窜的字符串不好弄,找规律后分割放到数组里更好操作哦。 第三步:分割字符串得到分数,然后求和取整。 提示:parseInt() 字符串类型转成整型。
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • <!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> </head> <body> <span id="second">5</span> <span>秒后回到主页</span> <a href="javascript" onclick="back()">快速抵达</a> <!--先编写好网页布局--> <script type="text/javascript"> var num = document.getElementById("second").innerHTML; //获取显示秒数的元素,通过定时器来更改秒数。 function count() { num--; document.getElementById("second").innerHTML=num; if(num==0) { location.assign("www.baidu.com"); } } setInterval("count()",1000); function back (){ window.history.back(); } //通过window的location和history对象来控制网页的跳转。 </script> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 3. 为创建的标签设置属性 setAttribute a = document.createElement("a"); a.href = "javascript:;" 或者 a.setAttribute("href","javascript:;");
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 2.删除对应行 onclick=“del(this);" 用到this href不支持thiss,所以使用onclick 删除某一个结点:t.parentNode.removeChild(t);
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 1. 鼠标获得或者移除焦点: trs[i].onmouseover=function(){ this.style.backgroundColor="#f2f2f2"; } trs[i].onmouseout=function(){ this.style.backgroundColor="#fff"; }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 第一种方法: var myarray = new Array(66,80,90,77,59);//创建数组同时赋值 第二种方法: var myarray = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”)
    查看全部
  • scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离 ,即左边灰色的内容 scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离 ,即上边灰色的内容 offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置
    查看全部
  • 网页尺寸offsetHeight offsetHeight和offsetWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)。 一、值 offsetHeight = clientHeight + 滚动条 + 边框。
    查看全部

举报

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

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