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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • appendChild
    查看全部
  • 网页尺寸offsetHeight offsetHeight和offsetWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)。 一、值 offsetHeight = clientHeight + 滚动条 + 边框。 二、浏览器兼容性 var w= document.documentElement.offsetWidth || document.body.offsetWidth; var h= document.documentElement.offsetHeight || document.body.offsetHeight;
    查看全部
  • Internet Explorer 会忽略节点之间生成的空白文本节点,而其它浏览器不会。
    查看全部
  • window.onload = function(){ // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。 var table = document.getElementById("table"); var trs = table.getElementsByTagName("tr"); for(var i = 1; i < trs.length; i++){ trs[i].onmouseover = function () { this.style.backgroundColor = "#f2f2f2"; } trs[i].onmouseout = function () { this.style.backgroundColor = "#fff"; } } 加载之后再添加一行,新添加的行不会有颜色变化—— 在添加完在进行一次onmouseover onmounseout 的动作
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 创建文本节点createTextNode
    查看全部
  • 感谢红小薯同学的笔记 左边图片document.getElementsByTagName("ul")[0].childNodes;这个代码里面的)[0]这个代表什么意思?? document.getElementsByTagName("ul") 表示取的是整个页面ul标签,一个页面有可能有好几个ul,而且getElementsByTagName注意到Elements 是复数了么? document.getElementsByTagName("ul")取得的是ul的数组啊。 document.getElementsByTagName("ul")(0) 是数组的的一个,那不就是页面中的第一个ul么? 然后再跟着childNodes ,那就是第一个ul的子节点了。
    查看全部
  • //第一步把之前的数据写成一个数组的形式,定义变量为 infos var myarr=[ ['小A','女',21,'大一'], ['小B','男',23,'大三'], ['小C','男',24,'大四'], ['小D','女',21,'大一'], ['小E','女',22,'大四'], ['小F','男',21,'大一'], ['小G','女',22,'大二'], ['小H','女',20,'大三'], ['小I','女',20,'大一'], ['小J','男',20,'大三']] //第一次筛选,找出都是大一的信息 var arr=new Array(); for(var i=0;i<10;i++) { if(myarr[i][3]=="大一") { arr.push(myarr[i]); document.write(myarr[i]+"<br/>"); } } document.write("所有大一的女生:"+"<br/>"); //第二次筛选,找出都是女生的信息 for(var j=0;j<10;j++) { if(arr[j][1]=="女") { document.write(arr[j]+"<br/>"); } }
    查看全部
    1 采集 收起 来源:编程练习

    2018-03-22

  • 注意length的越界错误
    查看全部
    0 采集 收起 来源:编程练习

    2015-02-09

  • replaceChild 实现子节点(对象)的替换。返回被替换对象的引用 oldnode.parentNode.replaceChild(newnode,oldnode);
    查看全部
  • for循环里面的条件之间用的是“;”而不是“,” !!!!!!!!别问我怎么知道的
    查看全部
    0 采集 收起 来源:编程练习

    2015-02-09

  • removeChild() 方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。 注意用for语句从头开始删除时,content.childNodes.length也在变化所引起的错误
    查看全部
  • 我的代码实现
    查看全部
    0 采集 收起 来源:编程练习

    2015-02-09

  • 注意倒序时i的定义,每次都在变化。
    查看全部
  • var x=content.childNodes.length; for(i=0;i<x;i++){ content.removeChild(content.childNodes[0]); }; 倒叙删除更好,如用正序删除注意:1.节点数的变化2.节点位置的变化。
    查看全部
  • insertBefore() 方法可在已有的子节点前插入一个新的子节点 insertBefore(newnode,node);
    查看全部

举报

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

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