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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 1.要不试试我的代码?
    查看全部
    1 采集 收起 来源:让你认识JS

    2017-07-10

  • 光标聚焦事件(onfocus)
    查看全部
  • 鼠标移开事件(onmouseout)
    查看全部
  • 假设有这样的一个问题:ul中含有多个li标签,我们想对每个li绑定点击事件,并且打印出该li为第几个li元素 一般写法是写一个for循环 var lis = document.getElementsByTagName("li"); for (var i = 0; i < lis.length; i++) { lis[i].onclick = function(){ console.log(arg); }; } 但是,这样写之后我们发现,点击任何一个li,打印的值都为5,这是因为闭包中共用i值,而i的值由于执行for循环,都变为了5 为了正常显示i值,我们可以使用如下方法 //方法1:加一层闭包 将i值以参数形式传递给内层函数 for (var i = 0; i < lis.length; i++) { (function(arg){ lis[i].onclick = function(){ console.log(arg); }; })(i) } /*方法二:加一层闭包,i以局部变量形式传递给内层函数*/ for (var i = 0; i < lis.length; i++) { (function(){ var temp = i; lis[i].onclick = function(){ alert(temp); } })() } /*方法三:将i值作为对象的属性值*/ for (var i = 0; i < lis.length; i++) { lis[i].i = i; lis[i].onclick = function(){ console.log(this.i); } } /*方法4:用function实现 实际上,没产生一个函数实例就会产生一个闭包*/ for (var i = 0; i < lis.length; i++) { lis[i].onclick = new Function("console.log("+i+");")
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • get/setTime() 返回/设置时间,单位毫秒数,计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。 如果将目前日期对象的时间推迟1小时,代码如下: <script type="text/javascript"> var mydate=new Date(); document.write("当前时间:"+mydate+"<br>"); mydate.setTime(mydate.getTime() + 60 * 60 * 1000); document.write("推迟一小时时间:" + mydate); </script>
    查看全部
  • 鼠标经过事件(onmouseover)调用程序。
    查看全部
  • 注意: 二维数组的两个维度的索引值也是从0开始,两个维度的最后一个索引值为长度-1。
    查看全部
    0 采集 收起 来源:二维数组

    2017-07-10

  • 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>
    查看全部
    0 采集 收起 来源:返回星期方法

    2018-03-22

  • getDay()获取当前星期(值为0-6,0代表星期日) getMonth()获取当前月份 getFullYear()获取当前年份 getHours()获得当前小时数 getMiuntes() getSeconds()
    查看全部
  • 1.创建的新数组是空数组,没有值,如输出,则显示undefined。 2.虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。
    查看全部
  • 6-11编程练习没有过去
    查看全部
    0 采集 收起 来源:编程练习

    2017-07-10

  • 鼠标单击事件(onclick)
    查看全部
  • 算术操作符 比较操作符 逻辑操作符 "="赋值符号
    查看全部
  • 访问父节点parentNode 获取指定节点的父节点 语法: elementNode.parentNode 注意:父节点只能有一个。 看看下面的例子,获取 P 节点的父节点,代码如下: <div id="text"> <p id="con"> parentNode 获取指点节点的父节点</p> </div> <script type="text/javascript"> var mynode= document.getElementById("con"); document.write(mynode.parentNode.nodeName); </script> 运行结果: parentNode 获取指点节点的父节点 DIV 访问祖节点: elementNode.parentNode.parentNode 看看下面的代码: <div id="text"> <p> parentNode <span id="con"> 获取指点节点的父节点</span> </p> </div> <script type="text/javascript"> var mynode= document.getElementById("con"); document.write(mynode.parentNode.parentNode.nodeName); </script> 运行结果: parentNode获取指点节点的父节点 DIV 注意: 浏览器兼容问题,chrome、firefox等浏览器标签之间的空白也算是一个文本节点。
    查看全部
  • 访问对象属性的语法: objectName.propertyName 访问对象的方法: objectName.methodName() c.toUpperCase()小写转换为大写
    查看全部
    0 采集 收起 来源:什么是对象

    2017-07-10

举报

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

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