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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 失焦事件(onblur) onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。 <title> 失焦事件 </title> <script type="text/javascript"> function message(){ alert("请确定已输入密码后,在移开!"); } </script> </head> <body> <form> 用户:<input name="username" type="text" value="请输入用户名!" onblur="message()"> 密码:<input name="password" type="text" value="请输入密码!" > </form> </body> </html>
    查看全部
  • 2. 输出所有li元素节点的属性,使用for和 nodeName 、 nodeValue 、nodeType属性。 <script type="text/javascript"> var jiedian = document.getElementsByTagName("li"); for(var i=0;i<jiedian.length;i++){ document.write(jiedian[i].nodeName+"<br>"); document.write(jiedian[i].nodeValue+"<br>"); document.write(jiedian[i].nodeType+"<br>"); } </script>
    查看全部
    0 采集 收起 来源:节点属性

    2018-03-22

  • 一、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-03-29

  • 鼠标移开事件(onmouseout) <title>鼠标移开事件 </title> <script type="text/javascript"> function message(){ alert("不要移开,点击后进行慕课网!"); } </script> </head> <body> <form> <a href="http://www.imooc.com" onmouseout="message()">点击我</a> </form> </body> </html>
    查看全部
  • 1、li#a,这是表明获取的是id为a的li标签 2、js的执行顺序是先找到x变量,然后顺序执行,执行至y变量,调用函数 3、
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2015-03-29

  • 访问子结点的第一和最后项 一、firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。 语法: node.firstChild 说明:与elementNode.childNodes[0]是同样的效果。 二、 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。 语法: node.lastChild
    查看全部
  • istory对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。 注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。 语法: window.history.[属性|方法] 注意:window可以省略。 使用length属性,当前窗口的浏览历史总长度,代码如下: <script type="text/javascript"> var HL = window.history.length; document.write(HL); </script>
    查看全部
    0 采集 收起 来源:History 对象

    2018-03-22

  • function openwin(){ window.open('http://www.imooc.com','_blank','height=600,width=400,top=100,toolbar=no,left=0,menubar=no,scrollbars=no,status=no');}
    查看全部
  • setAttribute()方法 setAttribute() 方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。 语法: elementNode.setAttribute(name,value) 说明: 1.name: 要设置的属性名。 2.value: 要设置的属性值。 注意: 1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性,该方法将创建一个新属性。 2.类似于getAttribute()方法,setAttribute()方法只能通过元素节点对象调用的函数。
    查看全部
  • 访问子结点childNodes 访问选定元素节点下的所有子节点的列表,返回的值可以看作是一个数组,他具有length属性。 语法: elementNode.childNodes
    查看全部
  • createTextNode() 方法创建新的文本节点,返回新创建的 Text 节点。 语法: document.createTextNode(data) 参数: data : 字符串值,可规定此节点的文本。 p.className = "";不需要加“.”
    查看全部
  • 取消计时器clearTimeout() setTimeout()和clearTimeout()一起使用,停止计时器。 语法: clearTimeout(id_of_setTimeout) 参数说明: id_of_setTimeout:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。 下面的例子和上节的无穷循环的例子相似。唯一不同是,现在我们添加了一个 "Stop" 按钮来停止这个计数器: <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> var num=0,i; function timedCount(){ document.getElementById('txt').value=num; num=num+1; i=setTimeout(timedCount,1000); } setTimeout(timedCount,1000); function stopCount(){ clearTimeout(i); } </script> </head> <body> <form> <input type="text" id="txt"> <input type="button" value="Stop" onClick="stopCount()"> </form> </body> </html>
    查看全部
  • 鼠标单击事件( onclick ) onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件。同时onclick事件调用的程序块就会被执行,通常与按钮一起使用。 <form> <input name="button" type="button" value="点击提交" onclick="add2()" /> </form>
    查看全部
  • var con=document.getElementsByTagName("li"); for (var i=0; i< con.length;i++){ var text=con[i].getAttribute("title"); if(text!=null) { document.write(text+"<br>"); } }
    查看全部
  • 当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。 主要事件表:
    查看全部
    0 采集 收起 来源:什么是事件

    2015-03-29

举报

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

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