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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
最热 最新
  • 1158160699
    认识DOM 文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。 HTML文档可以说由节点构成的集合，DOM节点有: 1. 元素节点：标签 2. 文本节点:向用户展示的内容。 3. 属性节点:元素属性 节点属性： nodeName - 返回一个字符串，其内容是给定节点的名字 nodeType - 返回一个整数，这个数值代表给定节点的类型 nodeValue - 返回给定节点的当前值 遍历节点数： childNodes - 返回一个数组，这个数组由给定元素节点的子节点构成 firstChild - 返回第一个子节点 lastChild - 返回最后一个子节点 parentNode - 返回一个给定节点的父节点 nextSibling - 返回给定节点的下一个子节点 previousSibling - 返回给定节点的上一个子节点 DOM操作： createElement(element) - 创建一个新的元素节点 createTextNode() - 创建一个包含着给定文本的新文本节点 appendChild() - 在指点节点的最后一个子节点列表之后添加一个新的子节点 insertBefore() - 将一个给定节点插入到给定元素的给定子节点的前面 removeChild() - 从一个给定元素中删除一个子节点 replaceChild() - 把一个给定父元素的一个子节点替换为另一个子节点 注意:前两个是document方法。
    查看全部
    0 采集 收起 来源：认识DOM

    2015-02-06

  • 沐有粗线
    JavaScript数组的length属性是可变的，这一点需要特别注意。 arr.length=10; //增大数组的长度 document.write(arr.length); //数组长度已经变为10
    查看全部
    0 采集 收起 来源：了解成员数量(数组属性length)

    2015-02-06

  • 沐有粗线
    第一种方法： var myarray = new Array(66,80,90,77,59);//创建数组同时赋值 第二种方法： var myarray = [66,80,90,77,59];//直接输入一个数组（称 “字面量数组”） 注意：数组存储的数据可以是任何类型（数字、字符、布尔值等
    查看全部
    0 采集 收起 来源：谁是团里成员（数组赋值）

    2015-02-06

  • 慕慕4401115
    网页尺寸offsetHeight offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。 一、值 offsetHeight = clientHeight + 滚动条 + 边框。 二、浏览器兼容性 var w= document.documentElement.offsetWidth || document.body.offsetWidth; var h= document.documentElement.offsetHeight || document.body.offsetHeight;
    查看全部
    0 采集 收起 来源：网页尺寸offsetHeight

    2015-02-06

  • 慕慕4401115
    网页尺寸scrollHeight scrollHeight和scrollWidth，获取网页内容高度和宽度(不包括滚动条)。 一、针对IE、Opera: scrollHeight 是网页内容实际高度，可以小于 clientHeight。 二、针对NS、FF: scrollHeight 是网页内容高度，不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时，scrollHeight 返回 clientHeight 。 三、浏览器兼容性 var w=document.documentElement.scrollWidth || document.body.scrollWidth; var h=document.documentElement.scrollHeight || document.body.scrollHeight; 注意:区分大小写 scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。
    查看全部
    0 采集 收起 来源：网页尺寸scrollHeight

    2015-02-06

  • 慕慕4401115
    获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）的方法: 一、对于IE9+、Chrome、Firefox、Opera 以及 Safari： • window.innerHeight - 浏览器窗口的内部高度 • window.innerWidth - 浏览器窗口的内部宽度 二、对于 Internet Explorer 8、7、6、5： • document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。 • document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。 或者 Document对象的body属性对应HTML文档的<body>标签 • document.body.clientHeight • document.body.clientWidth 在不同浏览器都实用的 JavaScript 方案： var w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement.clientHeight || document.body.clientHeight;
    查看全部
    0 采集 收起 来源：浏览器窗口可视区域大小

    2018-03-22

  • 慕慕4401115
    创建文本节点createTextNode createTextNode() 方法创建新的文本节点，返回新创建的 Text 节点。 语法： document.createTextNode(data) 参数： data : 字符串值，可规定此节点的文本。
    查看全部
    0 采集 收起 来源：创建文本节点createTextNode

    2015-02-06

  • 慕慕4401115
    创建元素节点createElement createElement()方法可创建元素节点。此方法可返回一个 Element 对象。 语法： document.createElement(tagName) 参数: tagName：字符串值，这个字符串用来指明创建元素的类型。 注意：要与appendChild() 或 insertBefore()方法联合使用，将元素显示在页面中。
    查看全部
    0 采集 收起 来源：创建元素节点createElement

    2015-02-06

  • 慕慕4401115
    替换元素节点replaceChild() replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。 语法： node.replaceChild (newnode,oldnew ) 参数： newnode : 必需，用于替换 oldnew 的对象。 oldnew : 必需，被 newnode 替换的对象。
    查看全部
    0 采集 收起 来源：替换元素节点replaceChild()

    2015-02-06

  • 慕慕4401115
    删除节点removeChild() removeChild() 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。 语法: nodeObject.removeChild(node) 参数: node ：必需，指定需要删除的节点
    查看全部
    0 采集 收起 来源：删除节点removeChild()

    2015-02-06

  • 慕慕4401115
    insertBefore() 方法可在已有的子节点前插入一个新的子节点。 语法: insertBefore(newnode,node); 参数: newnode: 要插入的新节点。 node: 指定此节点前插入节点。
    查看全部
    0 采集 收起 来源：插入节点insertBefore()

    2015-02-06

  • 慕慕4401115
    在指定节点的最后一个子节点列表之后添加一个新的子节点。 语法: appendChild(newnode) 参数: newnode：指定追加的节点。
    查看全部
    0 采集 收起 来源：插入节点appendChild()

    2015-02-06

  • mukeZCX000
    function app2(x,y) { var sum,x,y; sum = x * y; return sum; } req1=app2(5,6); req2=app2(2,3); sumq=req1+req2; document.write("req1的值:"+req1+"<br/>"); document.write("req2的值:"+req2+"<br/>"); document.write(req1+"与"+req2+"和:"+sumq);
    查看全部
    0 采集 收起 来源：返回值的函数

    2018-03-22

  • mukeZCX000
    function add(x,y,z) { sum = x + y +z; document.write(x+"、"+y+"、"+z+"和:"+sum+"<br/>"); }
    查看全部
    0 采集 收起 来源：有参数的函数

    2018-03-22

  • Fire4x
    先创建，后插入： 1.document.createElement("[Object]"); 2.[Object].innerHTML=""; 3.[Object_0].appendChild([Object]);
    查看全部
    0 采集 收起 来源：插入节点appendChild()

    2018-03-22

首页上一页7642764376447645764676477648下一页尾页

举报

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

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

查看已购买的课程