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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • http://img1.sycdn.imooc.com//5354b1d00001c4ec06220271.jpg http://img1.sycdn.imooc.com//5354b1eb00016a2405170126.jpg
    查看全部
    0 采集 收起 来源:Location对象

    2014-12-04

  • 定义一个时间对象: var Udate=new Date(); 自定义初始值: var d = new Date(2012, 10, 1); //2012年10月1日 var d = new Date('Oct 1, 2012'); //2012年10月1日 Date对象中处理时间和日期的常用方法: get/setDate():返回/设置日期 get/setFullYear() 返回/设置年份,用四位数表示 get/setYear() 返回设置年份 get/setMonth() 返回/设置月份(0-11)所以加一 get/setDay() 返回/设置星期,0表示星期天 get/setHour() 返回/设置小时,24小时制 get/setMinutes() 返回/设置分钟数 get/setSeconds() 返回/设置秒钟数 get/setTime() 返回/设置时间(毫秒为单位)
    查看全部
    0 采集 收起 来源: Date 日期对象

    2014-12-04

  • 使用parseInt()函数可解析一个字符串,并返回一个整数
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-04

  • 访问子结点childNodes 访问选定元素节点下的所有子节点的列表,返回的值可以看作是一个数组,他具有length属性。 语法: elementNode.childNodes 注意: 如果选定的节点没有子节点,则该属性返回不包含节点的 NodeList。 我们来看看下面的代码: 运行结果: IE: UL子节点个数:3 节点类型:1 其它浏览器: UL子节点个数:7 节点类型:3 注意: 1. IE全系列、firefox、chrome、opera、safari兼容问题 2. 节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点,所以IE是3,其它浏览器是7,如下图所示: 如果把代码改成这样: <ul><li>javascript</li><li>jQuery</li><li>PHP</li></ul> 运行结果:(IE和其它浏览器结果是一样的) UL子节点个数:3 节点类型:1
    查看全部
  • <!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> </head> <body> <!--先编写好网页布局--> <h2>操作成功</h2> <span><b id="seconds">5</b>秒后回到主页</span> <a onclick="backhref()">返回</a> <script type="text/javascript"> var num=document.getElementById('seconds').innerHTML; function timeback() { if(num>0) { num=num-1; document.getElementById('seconds').innerHTML = num; setTimeout(timeback,1000); } else { window.location.href="www.imooc.com"; } } setTimeout(timeback,1000); function backhref(){ window.history.back(); } </script> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • var w=document.documentElement.scrollWidth || document.body.scrollWidth; var h=document.documentElement.scrollHeight|| document.body.scrollHeight;
    查看全部
  • ar w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement.clientHeight || document.body.clientHeight;
    查看全部
  • userAgent 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)
    查看全部
    0 采集 收起 来源:userAgent

    2014-12-04

  • <!DOCTYPE html> <html> <head> <title> 事件</title> <script type="text/javascript"> function count(){ //获取第一个输入框的值 var a=parseInt(document.getElementById('txt1').value); //获取第二个输入框的值 var b=parseInt(document.getElementById('txt2').value); //获取选择框的值 var cal=document.getElementById('select').value; //获取通过下拉框来选择的值来改变加减乘除的运算法则 switch(cal){ case '+': c = a+b;break; case '-': c = a-b;break; case '*': c = a*b;break; case '/': c = a/b; } //设置结果输入框的值 document.getElementById('fruit').value = c; } </script> </head> <body> <input type='text' id='txt1' /> <select id='select'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type='text' id='txt2' /> <input type='button' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数,得到结果--> <input type='text' id='fruit' /> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 数组连接concat() concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。 语法 arrayObject.concat(array1,array2,...,arrayN) 注意: 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
    查看全部
  • 计时器类型: 一次性计时器:仅在指定的延迟时间之后触发一次。 间隔性触发计时器:每隔一定的时间间隔就触发一次。
    查看全部
  • 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;返回:数组的长度,即数组里有多少个元素。它等于数组里最后一个元素的下标加一。 数组方法: concat() 连接两个或更多的数组,并返回结果; join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔; pop() 删除并返回数组的最后一个元素; push() 向数组的未尾添加一个或多个元素,并返回新的长度; reverse() 颠倒数组中的元素顺序; shift() 删除并返回数组的第一个元素; slice()从某个已有的数组返回选定的元素; sort() 对数组的元素进行排序; splice() 删除元素,并向数组添加新元素; toSource() 返回该对象的源代码。 toString() 把数组转换为字符串,并返回结果; toLocaleString() 把数组转换为本地数组,并返回结果 unshift() 向数组的开头添加一个或更多元素,并返回新的长度 valueOf() 返回数组对象的原始值
    查看全部
    0 采集 收起 来源: Array 数组对象

    2018-03-22

  • 随机数 random() random() 方法可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。 语法: Math.random(); 注意:返回一个大于或等于 0 但小于 1 的符号为正的数字值。 获得0 ~ 10之间的随机数,代码如下: document.write((Math.random())*10);
    查看全部
    0 采集 收起 来源:随机数 random()

    2014-12-04

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

    2014-12-04

  • 计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。 语法: setInterval(代码,交互时间); 参数说明: 1. 代码:要调用的函数或要执行的代码串。 2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。 返回值: 一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。
    查看全部

举报

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

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