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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 直接mystr.indexOf(" ")+1来定位 document.write( mystr.substring(mystr.indexOf('W')) + "<br />"); document.write( mystr.substring(0,mystr.indexOf(' ')) );
    查看全部
  • 1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。
    查看全部
  • indexOf(substring,startpos) substring 检索的字符串值 startpos 规定开始检索的位置 我们在写注册页面过程中,邮箱一栏必须输入"@"和".",如果没有的话,我们就判断这个不合法用indexof()来判断,当这个数值<0的时候,就代表输入的内容里面没有这两个字符,这样我们就可以提示用户重新输入.
    查看全部
  • myyear因为你没有设置new Date(),所以对它设置年份会不起作用。
    查看全部
  • for语句结构: for(初始化变量;循环条件;循环迭代) { 循环语句 } 假如,一个盒子里有6个球,我们每次取一个,重复从盒中取出球,直到球取完为止。 <script type="text/javascript"> var num=1; for (num=1;num<=6;num++) //初始化值;循环条件;循环后条件值更新 { document.write("取出第"+num+"个球<br />"); } </script>
    查看全部
  • 多种选择(Switch语句) 当有很多种选项的时候,switch比if else使用更方便。 语法: switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码块 2 break; ... case值n: 执行代码块 n break; default: 与 case值1 、 case值2...case值n 不同时执行的代码 } 语法说明: Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。
    查看全部
  • Date 日期对象 日期对象可以储存任意一个日期,并且可以精确到毫秒数(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日 我们最好使用下面介绍的“方法”来严格定义时间。 访问方法语法:“<日期对象>.<方法>” Date对象中处理时间和日期的常用方法: get/seDate(),返回/设置日期 get/setFullYear(),返回/设置年份,用四位数表示 get/setYear(),返回/设置年份 get/setMonth(),返回/设置月份0:一月……11:十二月,所以加一 get/setHours(),返回/设置小时,24小时制 get/setMinutes(),返回/设置分钟数 get/setSeconds(),返回/设置秒钟数 get/setTime(),返回/设置时间(毫秒为单位)
    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-03-22

  • 多重判断(if..else嵌套语句) 要在多组语句中选择一组来执行,使用if..else嵌套语句。 语法: if(条件1) { 条件1成立时执行的代码} else if(条件2) { 条件2成立时执行的代码} ... else if(条件n) { 条件n成立时执行的代码} else { 条件1、2至n不成立时执行的代码}
    查看全部
  • 二选一 (if...else语句) if...else语句是在指定的条件成立时执行代码,在条件不成立时执行else后的代码。 语法: if(条件) { 条件成立时执行的代码} else {条件不成立时执行的代码}
    查看全部
  • 做判断(if语句) if语句是基于条件成立才执行相应代码时使用的语句。 语法: if(条件) { 条件成立时执行代码} 注意:if小写,大写字母(IF)会出错!
    查看全部
  • 插入节点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> <div id="div1"> <p id="x1">JavaScript</p> <p>HTML</p> </div> <script type="text/javascript"> var otest=document.getElementById("div1"); var node=document.getElementById("x1"); var newnode=document.createElement("p"); newnode.innerHTML="This is a new p"; otest.insertBefore(newnode,node); </script> </body> </html> 运行结果: This is a new p JavaScript HTML 注意: otest.insertBefore(newnode,node); 也可以改为: otest.insertBefore(newnode,otest.childNodes[0]);
    查看全部
  • //创建数组 var arr=new Array('*','##','***',"&&",'****',"##*"); arr[7]="**"; //显示数组长度 alert("该数组长度为:"+arr.length); //将数组内容输出,完成达到的效果。 document.write("数组的元素依次是:"+arr+"</br>") document.write("数组的第二个元素是:"+arr[1]+"</br>")
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 插入节点appendChild() 在指定节点的最后一个子节点列表之后添加一个新的子节点。 语法: appendChild(newnode) 参数: newnode:指定追加的节点。 我们来看看,div标签内创建一个新的 P 标签,代码如下: <div id="text"> <p id="x1">HTML</p> <p>JavaScript</p> </div> <script type="text/javascript"> var otext=document.getElementById("test"); var newnode=document.createElement("p"); newnode.innerHTML="This is a new p"; //appendChild方法添加节点 otest.appendChild(newnode); </script> 运行结果: HTML JavaScript This is a new p
    查看全部
  • 访问兄弟节点 1.nextSibling属性可返回某个节点之后紧跟的节点(处于同一树层级中) 语法:nodeObject.nextSibling 注:如无此节点则该属性返回null 2.previousSibling属性可返回某个节点之前紧跟的节点(处于同一树层级中) 语法:nodeObject.previousSibling 注:如果无此节点则该属性返回null 注: 两个属性获取的是节点。Internet Explorer会忽略节点间生成的空白文本节点(例如换行符号)而其它浏览器不会忽略 解决: 判断节点nodeType是否为1如是为元素节点,跳过 ...... <head> <title>nextSibling</title> </head> <body> <ul id="u1"> <li id="a">javascript</li> <li id="b">jquery</li> <li id="c">html</li> </ul> <ul id="u2"> <li id="d">css3</li> <li id="e">php</li> <li id="f">java</li> </ul> <script type="text/javascript"> function get_nextSibling(n) {var x=n.nextSibling; while(x.nodeType!=1) { x=x.nextSibling; } return x; } var x=document.getElementsByTagName("li")[0]; document.write(x.nodeName); document.write("="); document.write(x.innerHTML); var y=get_nextSibling(x); document.write("<br />nextsibling:"); document.write(y.nodeName); document.write("="); document.write(y.innerHTML); </script> </body> ...... 结果: LI=javascript nextsibling:LI=jquery
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2018-03-22

  • 二维数组 一维数组,我们看成一组盒子,每个盒子只能放一个内容。 一维数组的表示: myarray[ ] 二维数组,我们看成一组盒子,不过每个盒子里还可以放多个盒子。 二维数组的表示: myarray[ ][ ] 注意: 二维数组的两个维度的索引值也是从0开始,两个维度的最后一个索引值为长度-1。 1. 二维数组的定义方法一 var myarr=new Array(); //先声明一维 for(var i=0;i<2;i++){ //一维长度为2 myarr[i]=new Array(); //再声明二维 for(var j=0;j<3;j++){ //二维长度为3 myarr[i][j]=i+j; // 赋值,每个数组元素的值为i+j } }
    查看全部
    0 采集 收起 来源:二维数组

    2018-03-22

举报

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

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