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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 点击按钮:<form> <input type="botton" value="click it"(按钮上显示的字) onclick="函数名"> </form>
    查看全部
    0 采集 收起 来源:函数调用

    2018-03-22

  • 删除节点removeChild() removeChild() 方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。 语法: nodeObject.removeChild(node) 参数: node :必需,指定需要删除的节点。 如果要完全删除对象,给 x 赋 null 值 删除节点时注意:删除一个子节点,则其子节点减1,即XX.length是会随时变的 循环删除时,要么从最后开始删即removeChild(cc[cc.length-1]); 要么总删除第一个即removeChild(cc[0]); 循环的次数不能是cc.length,应该用一个变量将其值先保存起来 1. 删除该节点的内容,先要获取子节点。 2. 然后使用循环遍历每个子节点。 3. 使用removeChild()删除节点。 function clearText() { var content=document.getElementById("content"); // 在此完成该函数 //获得div的子节点 var cc=content.childNodes; var m=cc.length; var conceln=new Array(); for(var i=0;i<m;i++){ conceln[i]=content.removeChild(cc[0]); conceln[i]=null; } }
    查看全部
  • getElementsByName()方法 返回带有指定名称的节点对象的集合。 语法: document.getElementsByName(name) 与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。 注意: 1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。
    查看全部
  • 认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 HTML文档可以说由节点构成的集合,DOM节点有: 1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。 2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"。
    查看全部
    0 采集 收起 来源:认识DOM

    2018-03-22

  • 几乎完全不懂
    查看全部
    0 采集 收起 来源:编程挑战

    2015-02-04

  • 插入节点insertBefore() insertBefore() 方法可在已有的子节点前插入一个新的子节点。 语法: insertBefore(newnode,node); 参数: newnode: 要插入的新节点。 node: 指定此节点前插入节点。
    查看全部
  • J_x
    效果达成!
    查看全部
    0 采集 收起 来源:编程练习

    2015-02-04

  • screen对象 screen对象用于获取用户的屏幕信息。 语法: window.screen.属性 对象属性: availHeight - 窗口可以使用的屏幕高度,单位像素(去掉任务栏或者其他占位部分) availWidth - 窗口可以使用的屏幕宽度,单位像素(去掉任务栏或者其他占位部分) colorDepth - 用户浏览器表示的颜色位数,通常为32位(每像素的位数) pixelDepth - 用户浏览器表示的颜色位数,通常为32位(IE不支持此属性) height - 屏幕的高度,单位像素 width - 屏幕的宽度,单位像素 注意:浏览器的高宽就是你当前打开的浏览器的高宽 屏幕高宽就是你的显示器的分辨率大小
    查看全部
    0 采集 收起 来源:screen对象

    2015-02-04

  • -1的作用: indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置,如果找不到这个字符串会返回-1,找到的话返回字符串所在的位置
    查看全部
    0 采集 收起 来源:userAgent

    2015-02-04

  • Navigator对象 Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。 对象属性: appCodeName 浏览器代码名的字符串表示 appName 返回浏览器的名称 AppVersion 返回浏览器的平台和版本信息 platform 返回运行浏览器的操作系统平台 userAgent 返回由客户机发送服务器的user-agent头部的值
    查看全部
    0 采集 收起 来源:Navigator对象

    2015-02-10

  • 插入节点appendChild() 在指定节点的最后一个子节点列表之后添加一个新的子节点。 语法: appendChild(newnode) 参数: newnode:指定追加的节点。 举例: var otest = document.getElementById("test"); var addli=document.createElement("li"); addli.innerHTML="PHP"; otest.appendChild(addli);
    查看全部
  • <script type="text/javascript"> //第一步把之前的数据写成一个数组的形式,定义变量为 infos var infos = new Array(10); //for (var i = 0; i < 10; i++) //infos[i] = new Array(4); infos[0] = ["小A","女",21,"大一"]; infos[1] = ['小C','男',24,'大四']; infos[2] = ['小E','女',22,'大四']; infos[3] = ['小G','女',22,'大二']; infos[4] = ['小I','女',20,'大一']; infos[5] = ['小B','男',23,'大三']; infos[6] = ['小D','女',21,'大一']; infos[7] = ['小F','男',21,'大一']; infos[8] = ['小H','女',20,'大三']; infos[9] = ['小J','男',20,'大三']; //第一次筛选,找出都是大一的信息 for (var i = 0; i < 10; i++){ if (infos[i][1] == "女"||infos[i][3]=="大一") document.write(infos[i][0]+"<br>"); } //第二次筛选,找出都是女生的信息 </script>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • forward()方法,加载 history 列表中的下一个 URL。 如果倒退之后,再想回到倒退之前浏览的页面,则可以使用forward()方法,代码如下: window.history.forward(); 注意:等价点击前进按钮。 forward()相当于go(1),代码如下: window.history.go(1);
    查看全部
  • 访问兄弟节点 1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中)。 2. previousSibling 属性可返回某个节点之前紧跟的节点(处于同一树层级中)。 说明:如果无此节点,则该属性返回 null。
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2015-02-04

  • 访问父节点parentNode 获取指定节点的父节点 语法: elementNode.parentNode 注意:父节点只能有一个。 var mynode= document.getElementById("con"); document.write(mynode.parentNode.nodeName); 注意: 浏览器兼容问题,chrome、firefox等浏览器标签之间的空白也算是一个文本节点。 innerHTML获取和设置HTML内容
    查看全部

举报

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

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