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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 数组名.length=10; //增大数组的长度 document.write(数组名.length); //数组长度已经变为10
    查看全部
  • var 数组名=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr document.write(数组名.length); //显示数组长度8 document.write(数组名[7]); //显示第8个元素的值54
    查看全部
  • 获得数组myarray的长度 myarray.length;
    查看全部
  • var 数组名 = new Array( 1,2,3,4,5); var 数组名 = Array[1,2,3,4,5];
    查看全部
  • 数组的表达方式: 第一步:创建数组var myarr=new Array(); 第二步:给数组赋值 myarr[1]=" 张三"; myarr[2]=" 李四";
    查看全部
  • node.replaceChild (newnode,oldnew )//最前面依旧是父元素 注意 父元素可以用document赋给一个新的变量 也可以用后面的oldnew.parentNode表示 newnode : 必需,用于替换 oldnew 的对象。 oldnew : 必需,被 newnode 替换的对象 当 oldnode 被替换时,所有与之相关的属性内容都将被移除 所以我们要输入新的内容 newnode必须先被建立 function replaceMessage(){ var oldNode=document.getElementById("oldnode"); var newNode=document.createElement("i");//创建的 里面始终写的是标签 var newNodeText=document.createTextNode("JavaScript");//替换后属性内容都将清空 所以要表示TextNode newNode.appendChild(newNodeText);//最后把这个文本子节点 加到新代码的后边 即上面只是创建 必须要appendChild加进去才能显示出来 oldNode.parentNode.replaceChild(newNode,oldNode) }
    查看全部
  • 创建数组 var 数组名= new Array(8) 8为数组长度 可存储8个数据
    查看全部
  • <script type="text/javascript"> function count(){ var tet1=parseInt(document.getElementById("txt1").value); var tet2=parseInt(document.getElementById("txt2").value); //获取选择框的值 var sel=document.getElementById("select").value; switch(sel){ case "+": fru=tet1+tet2; break; case "-": fru=tet1-tet2; break; case "*": fru=tet1*tet2; break; case "/": fru=tet1/tet2; break; default: break; } //设置结果输入框的值 var fr=document.getElementById("fruit").value=fru; } </script> </head> <body> <input type='text' id='txt1' /> <select id='select'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type='text' id='txt2' /> <input type='button' value=' = ' onclick="count()" /> <!--通过 = 按钮来调用创建的函数,得到结果--> <input type='text' id='fruit' /> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 创建数组 var 数组名 = new Array();
    查看全部
  • javaScript中的数组长度是可变的
    查看全部
  • removeChild() 方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。 nodeObject.removeChild(node) 前面是父节点 后面是要删除的子节点 注意看代码截图 一个是一次性删除 一个是多次删除 var content=document.getElementById("content")//先用document获得父节点 再写相应的子节点 多个记得标下标 注意: 如果把删除的子节点赋值给 x 如var x=content.childNodes[i]; 删除后这个子节点不在DOM树中,但是还存在内存中,可通过 x 操作。 如果要完全删除对象,给 x 赋 null 值,代码如下: var x=content.childNodes[i]; x=null
    查看全部
  • 父节点.insertBefore(新插入的节点,在此节点前插入节点) 注意innerHTML用=与"" otest.insertBefore(m,h)
    查看全部
  • 添加进去的父节点.appendChild(新子节点) 此方法仅仅是插入父节点 但如果要是新的节点 还得依靠create.. var otest = document.getElementById("test"); //先要获得父节点 var newcode =document.createElement("li"); //用document.createElement创建子节点 里面是类型 newcode.innerHTML="PHP"; //内容用innerHTML写入 otest.appendChild(newcode); //最后采用这个扩展进入父节点的最后一个子节点位置
    查看全部
  • nodeObject.next(previous)Sibling 返回某个节点之后紧跟的节点 但是要是处于同意树层级 即要是同一个父元素 如果无此节点,则该属性返回 null 注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点(例如,换行符号),而其它浏览器不会忽略。 解决问题方法: 判断节点nodeType是否为1, 如是为元素节点,否则跳过 再找这个的前面 一直一直推。 function get_previousSibling(n){ var x=n.previousSibling; while(x.nodeType!=1)//也可以写成x&&x.nodeType!=1; x=x.previousSibling; return x; }
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2018-03-22

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS基础</title> <script type="text/javascript"> var a,b,sum; var a = 5; var b = 100%7; sum = a > b && a*b > 0 ; document.write( "我认为 a 的值是:" +"5"+ " b的值是:" +"2"+ "sum 的值是:" +"true"+"<br/>"); document.write( "答案是,第一轮计算后,a 为:"+ a +";b为:"+b +";第一次计算sum为:"+ sum +"<br/>"); sum = ( (++a) + 3 ) / (2 - (--b) ) * 3; document.write("再一次计算后,我认为 a 的值是:" +"6"+ " b的值是:" +"1"+ "sum 的值是:" +"27"+"<br/>"); document.write( "答案是,第二轮计算后,a 为:" + a + ";b为:" + b +";第二次计算sum为:"+ sum +",sum的类型也发生变化了。"); </script> </head> <body> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

举报

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

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