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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 鼠标单击事件( onclick ) onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件。同时onclick事件调用的程序块就会被执行,通常与按钮一起使用。 比如,我们单击按钮时,触发 onclick 事件,并调用两个数和的函数add2()。代码如下: <html> <head> <script type="text/javascript"> function add2(){ var numa,numb,sum; numa=6; numb=8; sum=numa+numb; document.write("两数和为:"+sum); } </script> </head> <body> <form> <input name="button" type="button" value="点击提交" onclick="add2()" /> </form> </body> </html> 注意: 在网页中,如使用事件,就在该元素中设置事件属性。
    查看全部
  • onclick 鼠标单击事件 onmouseover 鼠标经过事件 onmouseout 鼠标移开事件 onchange 文本框内容改变事件 onselect 文本框内容被选中事件 onfocus 光标聚集 onblur 光标离开 onload 网页导入 onunload 关闭网页
    查看全部
    0 采集 收起 来源:什么是事件

    2017-07-22

  • 访问父节点parentNode elementNode.parentNode 访问祖节点: elementNode.parentNode.parentNode
    查看全部
  • 上节中add2()函数不能实现任意指定两数相加。其实,定义函数还可以如下格式: function 函数名(参数1,参数2) { 函数代码 } 注意:参数可以多个,根据需要增减参数个数。参数之间用(逗号,)隔开。 按照这个格式,函数实现任意两个数的和应该写成: function add2(x,y) { sum = x + y; document.write(sum); } x和y则是函数的两个参数,调用函数的时候,我们可通过这两个参数把两个实际的加数传递给函数了。 例如,add2(3,4)会求3+4的和,add2(60,20)则会求出60和20的和。
    查看全部
    0 采集 收起 来源:有参数的函数

    2017-07-22

  • 访问子节点的第一和最后项 node.firstChild 与elementNode.childNodes[0]是同样的效果。 node.lastChild 与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。
    查看全部
  • 制作表单
    查看全部
  • function
    查看全部
    0 采集 收起 来源:定义函数

    2017-07-22

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

    2018-03-22

  • 访问子节点childNodes 访问选定元素节点下的所有子节点的列表,返回的值可以看作是一个数组,他具有length属性。 语法: elementNode.childNodes 注意: 如果选定的节点没有子节点,则该属性返回不包含节点的 NodeList。 节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点,如: <ul> //空白节点 <li>JavaScripe</li> //空白节点 <li>JQury</li> //空白节点 </ul> 将回车空白符去掉,节点属性就正常
    查看全部
  • 节点属性 在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类型
    查看全部
    0 采集 收起 来源:节点属性

    2017-07-22

  • 3-7
    查看全部
    0 采集 收起 来源:二维数组

    2017-07-22

  • setAttribute()方法 setAttribute() 方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。 语法: elementNode.setAttribute(name,value) 说明: 1.name: 要设置的属性名。 2.value: 要设置的属性值。 注意: 1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性,该方法将创建一个新属性。 2.类似于getAttribute()方法,setAttribute()方法只能通过元素节点对象调用的函数。
    查看全部
  • getAttribute()方法 elementNode.getAttribute(name) 说明: 1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。 2. name:要想查询的元素节点的属性名字
    查看全部
  • 访问字符串对象的方法: 使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写:
    查看全部
  • 注意:1. 一小时 60 分,一分 60 秒,一秒 1000 毫秒 2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”
    查看全部

举报

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

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