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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • childNodes 返回包含指定节点的子节点的集合.
    查看全部
  • var infos = [ ['小A','女',21,'大一'],//0 ['小B','男',23,'大三'],//1 ['小C','男',24,'大四'],//2 ['小D','女',21,'大一'],//3 ['小E','女',22,'大四'],//4 ['小F','男',21,'大一'],//5 ['小G','女',22,'大二'],//6 ['小H','女',20,'大三'],//7 ['小I','女',20,'大一'],//8 ['小J','男',20,'大三']//9 ]; for(var i=0;i<9;i++) { if(infos[i][3]=="大一"&&infos[i][1]=="女") { document.write(infos[i]+"<br/>"); } }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • <script type="text/javascript"> function clearText() { var content=document.getElementById("content"); var l = content.childNodes; for(var i=0;i<l.length;i++){ content.removeChild(l[i]); document.write("删除节点的内容:"+ l[i].innerHTML+"<br/>"); }// 在此完成该函数 } </script>
    查看全部
  • 插入节点insertBefore() insertBefore() 方法可在已有的子节点前插入一个新的子节点。 语法: insertBefore(newnode,node); 参数: newnode: 要插入的新节点。 node: 指定此节点前插入节点。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> </head> <body> <ul id="test"><li>JavaScript</li><li>HTML</li></ul> <script type="text/javascript"> var otest = document.getElementById("test"); var newNode = document.createElement("li"); newNode.innerHTML = "php"; var node = document.getElementsByTagName("li"); otest.insertBefore(newNode,node[1]); /* 方法二:没有换行可以用lastChild,否则php会在html后面,因为有空白文本节点,节点类型为3 var otest = document.getElementById("test"); var newnode=document.createElement("li"); newnode.innerHTML="php"; otest.insertBefore(newnode,otest.lastChild);*/ </script> </body> </html>
    查看全部
  • var otest = document.getElementById("test"); var newnode=document.createElement("li"); newnode.innerHTML="PHP"; otest.appendChild(newnode); <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> </head> <body> <ul id="test"> <li>JavaScript</li> <li>HTML</li> </ul> <script type="text/javascript"> var otest = document.getElementById("test"); var newnode = document.createElement("li"); newnode.innerHTML = "PHP"; otest.appendChild(newnode); </script> </body> </html>
    查看全部
  • var myarr = new Array(); for(int i=0;i<3;i++) { myarr[i]=new Array();//注意这句话 for (int j=0;j<6;j++) { myarr[i][j]=i*j; } }
    查看全部
    0 采集 收起 来源:二维数组

    2018-03-22

  • 知识讲解: split() 方法将字符串分割为字符串数组,并返回此数组。 语法: stringObject.split(separator,limit) 参数说明: 注意:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。 我们将按照不同的方式来分割字符串: 使用指定符号分割字符串,代码如下: var mystr = "www.imooc.com"; document.write(mystr.split(".")+"<br>"); document.write(mystr.split(".", 2)+"<br>"); 运行结果: www,imooc,com www,imooc 将字符串分割为字符,代码如下: document.write(mystr.split("")+"<br>"); document.write(mystr.split("", 5)); 运行结果: w,w,w,.,i,m,o,o,c,.,c,o,m w,w,w,.,i
    查看全部
  • indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 语法 stringObject.indexOf(substring, startpos) 参数说明: 说明: 1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 substring。 2.可选参数,从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找。 3.如果找到一个 substring,则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。 注意:1.indexOf() 方法区分大小写。 2.如果要检索的字符串值没有出现,则该方法返回 -1。 例如: 对 "I love JavaScript!" 字符串内进行不同的检索: <script type="text/javascript"> var str="I love JavaScript!" document.write(str.indexOf("I") + "<br />"); document.write(str.indexOf("v") + "<br />"); document.write(str.indexOf("v",8)); </script> 以上代码的输出: 0 4 9
    查看全部
  • charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。 语法: stringObject.charAt(index) 参数说明: 注意:1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一(string.length-1)。 2.如果参数 index 不在 0 与 string.length-1 之间,该方法将返回一个空字符串。 如:在字符串 "I love JavaScript!" 中,返回位置2的字符: <script type="text/javascript"> var mystr="I love JavaScript!" document.write(mystr.charAt(2)); </script> 注意:一个空格也算一个字符。
    查看全部
  • JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。 对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等; 对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等; JavaScript 提供多个内建对象,比如 String、Date、Array 等等,使用对象前先定义,如下使用数组对象: var objectName =new Array();//使用new关键字定义对象 或者 var objectName =[]; 访问对象属性的语法: objectName.propertyName 如使用 Array 对象的 length 属性来获得数组的长度: var myarray=new Array(6);//定义数组对象 var myl=myarray.length;//访问数组长度length属性 以上代码执行后,myl的值将是:6 访问对象的方法: objectName.methodName() 如使用string 对象的 toUpperCase() 方法来将文本转换为大写: var mystr="Hello world!";//创建一个字符串 var request=mystr.toUpperCase(); //使用字符串对象方法 以上代码执行后,request的值是:HELLO WORLD!
    查看全部
    0 采集 收起 来源:什么是对象

    2018-03-22

  • 在网页中,如使用事件,就在该元素中设置事件属性。
    查看全部
  • JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。 比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。 主要事件表:http://img1.sycdn.imooc.com//53e198540001b66404860353.jpg
    查看全部
    0 采集 收起 来源:什么是事件

    2018-01-25

  • 思考:上一节函数中,通过"document.write"把结果输出来,如果想对函数的结果进行处理怎么办呢? 我们只要把"document.write(sum)"这行改成如下代码: function add2(x,y) { sum = x + y; return sum; //返回函数值,return后面的值叫做返回值。 } 还可以通过变量存储调用函数的返回值,代码如下: result = add2(3,4);//语句执行后,result变量中的值为7。 注意:函数中参数和返回值不只是数字,还可以是字符串等其它类型。
    查看全部
    0 采集 收起 来源:返回值的函数

    2018-03-22

  • 有参数的函数 上节中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 采集 收起 来源:有参数的函数

    2018-01-25

  • 第一种情况:在<script>标签内调用。 <script type="text/javascript"> function add2() { sum = 1 + 1; alert(sum); } add2();//调用函数,直接写函数名。 </SCRIPT> 第二种情况:在HTML文件中调用,如通过点击按钮后调用定义好的函数。 <html> <head> <script type="text/javascript"> function add2() { sum = 5 + 6; alert(sum); } </script> </head> <body> <form> <input type="button" value="click it" onclick="add2()"> //按钮,onclick点击事件,直接写函数名 </form> </body> </html> 注意:鼠标事件会在后面讲解。
    查看全部
    0 采集 收起 来源:函数调用

    2018-03-22

举报

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

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