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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • getElementsByTagName()方法 返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。 语法: getElementsByTagName(Tagname) 说明: 1. Tagname是标签的名称,如p、a、img等标签名。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,所以从0开始。 看看下面代码,通过getElementsByTagName()获取节点。
    查看全部
  • getElementsByName()方法 返回带有指定名称的节点对象的集合。 语法: document.getElementsByName(name) 与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。 注意: 1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。
    查看全部
  • 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 HTML文档可以说由节点构成的集合,DOM节点有: 1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。 2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"。 节点属性: nodeName - 返回一个字符串,其内容是给定节点的名字 nodeType - 返回一个整数,这个数值代表给定节点的类型 nodeValue - 返回给定节点的当前值 遍历节点数: childNodes - 返回一个数组,这个数组由给定元素节点的子节点构成 firstChild - 返回第一个子节点 lastChild - 返回最后一个子节点 parentNode - 返回一个给定节点的父节点 nextSibling - 返回给定节点的下一个子节点 previousSibling - 返回给定节点的上一个子节点 DOM操作: createElement(element) - 创建一个新的元素节点 createTextNode() - 创建一个包含着给定文本的新文本节点 appendChild() - 在指点节点的最后一个子节点列表之后添加一个新的子节点 insertBefore() - 将一个给定节点插入到给定元素的给定子节点的前面 removeChild() - 从一个给定元素中删除一个子节点 replaceChild() - 把一个给定父元素的一个子节点替换为另一个子节点
    查看全部
    0 采集 收起 来源:认识DOM

    2018-03-22

  • 操作符之间的优先级(高到低): 算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号 如果同级的运算是按从左到右次序进行,多层括号由里向外。
    查看全部
  • 表达式与数学中的定义相似,表达式是指具有一定的值、用操作符把常数和变量连接起来的代数式。一个表达式可以包含常数或变量。 串表达式:"I"+"love"+"you","super"+mychar; 数值表达式:num+5*3;2+2.5; 布尔表达式:2>3,num==5,num<60;
    查看全部
  • 借用一下楼下。 1.ul和li的巧妙结合,盲点 2.this 和 元素节点的index属性,储存索引。 3.在循环中给不同元素结点的同一事件赋函数,=function(){ ...... }
    查看全部
    1 采集 收起 来源:编程挑战

    2015-04-17

  • javascript变量命名规则: 1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。 2.变量名区分大小写,如:A与a是两个不同变量。 3.不允许使用JavaScript关键字和保留字做变量名。
    查看全部
  • 返回指定的字符串首次出现的位置 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 语法 stringObject.indexOf(substring, startpos)
    查看全部
  • . 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”
    查看全部
  • 使用userAgent判断使用的是什么浏览器(假设使用的是IE8浏览器),代码如下: function validB(){ var u_agent = navigator.userAgent; var B_name="Failed to identify the browser"; if(u_agent.indexOf("Firefox")>-1){ B_name="Firefox"; }else if(u_agent.indexOf("Chrome")>-1){ B_name="Chrome"; }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){ B_name="IE(8-10)"; } document.write("B_name:"+B_name+"<br>"); document.write("u_agent:"+u_agent+"<br>"); }
    查看全部
    0 采集 收起 来源:userAgent

    2018-03-22

  • <script type="text/javascript"> function message(){ confirm("请输入密码后,再单击确定!"); } </script> </head> <body> <form> 密码:<input name="password" type="password" > <input name="确定" type="button" value="确定" onmouseover="message()" />
    查看全部
  • <!DOCTYPE HTML> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>函数</title> <script type="text/javascript"> //定义函数 function dmax(x,y){ var mymax if(x>y){ mymax=x; } else { mymax=y; } return mymax; } //函数体,判断两个整数比较的三种情况 var req1=dmax(5,4); var req2=dmax(6,3); //调用函数,实现下面两组数中,返回较大值。 document.write(" 5 和 4 的较大值是:"+req1+"<br>"); document.write(" 6 和 3 的较大值是:"+req2 ); </script> </head> <body> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 要创建一个运行于无穷循环中的计数器,我们需要编写一个函数来调用其自身。在下面的代码,当按钮被点击后,输入域便从0开始计数。 <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> var num=0; function numCount(){ document.getElementById('txt').value=num; num=num+1; setTimeout("numCount()",1000); } </script> </head> <body> <form> <input type="text" id="txt" /> <input type="button" value="Start" onClick="numCount()" /> </form> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>if...else</title> <script type="text/JavaScript"> var myage =99;//赵红的年龄为99 if(myage<=44) {document.write("青年");} else if(myage<=59) {document.write("中年人");} else if (myage<=89) {document.write("老年人");} else {document.write("长寿老年人");} </script> </head> <body> </body> </html>
    查看全部
  • 光标聚焦事件(onfocus) <select name="career" onfocus="message()">
    查看全部

举报

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

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