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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" Content="text/html; charset=utf-8" /> <title>javascript</title> </head> <style type="text/css"> #demo{width: 120px;height: 35px;background:#008972;border:0;color: #f2f2f2;font-size:14px;cursor: pointer;} #shijian{width:300px;height: 80px;background-color: #008972;margin:0 auto;font-size:52px;color:#f2f2f2;line-height: 80px;text-align: center;font-family: "微软雅黑";border-radius:5px;} </style> <body> <input type="submit" value="提交" id="demo"/> <script type="text/javascript"> var str=document.getElementById('demo'); str.onmouseover= function(){ str.style.background="red"; } str.onmouseout=function(){ str.style.background="#008972"; } var atime; function shijian(){ var time=new Date(); atime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds(); document.getElementById("shijian").innerHTML= atime; } setInterval(shijian,100); </script> <div id="shijian"></div> </body> </html>
    查看全部
  • <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,100); </script>
    查看全部
  • <script type="text/javascript"> var mystr="I love JavaScript!" document.write(mystr.charAt(2)); </script> 注意:一个空格也算一个字符。 以上代码的运行结果: l
    查看全部
  • <script type="text/javascript"> var mydate=new Date(); document.write("当前时间:"+mydate+"<br>"); mydate.setTime(mydate.getTime() + 60 * 60 * 1000); document.write("推迟一小时时间:" + mydate); </script> 结果: 当前时间:Thu Mar 6 11:46:27 UTC+0800 2014 推迟一小时时间:Thu Mar 6 12:46:27 UTC+0800 2014 注意:1. 一小时 60 分,一分 60 秒,一秒 1000 毫秒 2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”
    查看全部
  • onclick onmousover onmouseout onchange onselect onfocus onblur onload onunload
    查看全部
    0 采集 收起 来源:什么是事件

    2015-02-07

  • 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒)。 定义一个时间对象 : var Udate=new Date(); 注意:使用关键字new,Date()的首字母必须大写。 使 Udate 成为日期对象,并且已有初始值:当前时间(当前电脑系统时间)。 如果要自定义初始值,可以用以下方法: var d = new Date(2012, 10, 1); //2012年10月1日 var d = new Date('Oct 1, 2012'); //2012年10月1日 我们最好使用下面介绍的“方法”来严格定义时间。 访问方法语法:“<日期对象>.<方法>”]http://img1.sycdn.imooc.com//53d1c6ed000151aa04190327.jpg 1.get/setDate()返回/设置日期 2.get/setFullYear 返回/设置年份 3.get/setYear 返回/设置年份 4.get/setMonth() 返回/设置月份。0:一月....11:十二月,所以加一。 5.get/setDay() 返回/设置星期,0表示星期天。 6.get/setHours() 返回/设置小时,24小时制。 7.get/setMinutes() 返回/设置分钟数 8.get/setSeconds() 返回设置秒钟数 9.get/setTime() 返回/设置时间(毫秒为单位)
    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-03-22

  • 编程练习 小伙伴们,实现在html页面中的插入JavaScript脚本,打开页面时,在页面中显示一句话 : "系好安全带,准备启航--目标JS",并弹出一个提示框:"准备好了,起航吧!" 温馨提示: 完成任务后,请验证是否与实践要求一致,如一致,恭喜您,已经掌握此技能。否则,请重新学习课程内容吆,直到实践编写代码与实践要求一致。
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 让你认识JS 你知道吗,Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HTML+CSS创建一个漂亮的页面,但这还不够,它只是静态页面而已。我们还需使用JavaScript增加行为,为网页添加动态效果。准备好,让JavaScript带你进入新境界吧! JavaScript能做什么? 1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等) 2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等) JS进阶篇学习什么? 在JavaScript入门篇中,我们学习了如何插入JS、输出内容及简单的DOM操作,JavaScript进阶篇让您进一步的了解JS的变量、数组、函数、语法、对象、事件、DOM操作,制作简单的网页动态效果。
    查看全部
    0 采集 收起 来源:让你认识JS

    2015-02-11

  • http://img1.sycdn.imooc.com//53e198540001b66404860353.jpg
    查看全部
    0 采集 收起 来源:什么是事件

    2015-02-07

  • continue 跳过当前循环
    查看全部
  • 计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。 语法: setInterval(代码,交互时间); 参数说明: 1. 代码:要调用的函数或要执行的代码串。 2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。
    查看全部
  • 在不同浏览器都实用的 JavaScript 方案: var w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement.clientHeight || document.body.clientHeight;
    查看全部
  • 字符串分割split() 知识讲解: split() 方法将字符串分割为字符串数组,并返回此数组。 语法: stringObject.split(separator,limit) 参数说明: 注意:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。 返回的子串不会多于limit指定的数组
    查看全部
  • getElemenstsByTagName():获取指定名称名称集合,方法返回的是数组,是节点列表 elementNode.setAtttribute('','');设置指定属性性 elementNode.getAttribute('');获取指定属性值 elememntNode.childNodes:指的是直接关联的子标签,而非子下的子标签 elementNode.firstChild:元素的子节点第一项,最后一项 elementNode.parentNode:元素的父节点有且只有一个 elementNode.previousSibling,nextSibling:同级节点前一个后一个 element.appendChild(node):在指定节点的最后一个子节点增加一个新子节点 elementNode.insertBefor(newnode,node):在此node前插入新node elementNode.removeChild(node):删除某个节点的子节点,并返回该子节点 element.replaceChild(newnode,oldnode):父节点下新节点替换旧同级节点 element.createTextNode(“sbssbsb”);:创建文本节点
    查看全部
  • split();括号内的字符要用双引号括起来
    查看全部

举报

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

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