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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 内容选中事件 onselect 选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行。
    查看全部
  • myarr1.slice(【开始的索引值】,【结束的长度值==索引+1】)
    查看全部
    0 采集 收起 来源:选定元素slice()

    2017-12-11

  • 为什么不是一次性清除: 要注意在删除节点同时,content孩子节点的个数和位置也在变化。 不要把i<content.childNodes.length做为判断条件,举例说明,IE下执行,节点个数5个,当我点一次删除按钮。 注意:5个节点分别对应下标是从0开始: 1[0] 2[0] 3[0] 4[0] 5[0] i=0 content.childNodes.length=5 0<5 删除第一个节点后,继续循环 i=1 content.childNodes.length=4 1<4 删除第二个节点后,继续循环 i=2 content.childNodes.length=3 2<3 删除第三个节点后,继续循环 i=3 content.childNodes.length=2 3<2 不成立,所以不继续。 这也就是为什么一次删除不了所以节点。 即使把判断的值num=content.childNodes.length写在循环的外面也是不可行的, 循环方式有for和while两种,不要一想到循环就用for,想想while循环该怎么写
    查看全部
  • 1. 一小时 60 分,一分 60 秒,一秒 1000 毫秒 2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”
    查看全部
  • get/setDate() 返回,设置日期 get/setFullYear() 返回,设置年份,用四位数表示 get/setYear() 返回,设置年份 get/setMouth() 返回,设置月份 0-11月 所以加一 get/setHours() 返回,设置小时 24小时 get/setMinutes() 返回,设置分钟数 get/setSeconds() 返回,设置秒钟数 get/setTime() 返回,设置时间,毫秒为单位
    查看全部
    0 采集 收起 来源: Date 日期对象

    2017-12-10

  • et/setDate() 返回,设置日期 get/setFullYear() 返回,设置年份,用四位数表示 get/setYear() 返回,设置年份 get/setMouth() 返回,设置月份 0-11月 所以加一 get/setHours() 返回,设置小时 24小时 get/setMinutes() 返回,设置分钟数 get/setSeconds() 返回,设置秒钟数 get/setTime() 返回,设置时间,毫秒为单位
    查看全部
    0 采集 收起 来源: Date 日期对象

    2017-12-10

  • scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离 ,即左边灰色的内容。 scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离 ,即上边灰色的内容。 offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 。 offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置 。 注意: 1. 区分大小写 2. offsetParent:布局中设置postion属性(Relative、Absolute、fixed)的父容器,从最近的父节点开始,一层层向上找,直到HTML的body。
    查看全部
  • 1 创建元素标签 2 创建文本节点 3 把文本节点插入到元素节点里面 ~~~~~ 记住这个顺序就可以了 ~~~~~~~ 4 把文本节点插入到body里
    查看全部
  • var newnode = document.createElement("p"); var newnodeText = document.createTextNode("I love JavaScript!"); newnode.appendChild(newnodeText); newnode.className = "message"; document.body.appendChild(newnode);
    查看全部
  • var newnode = document.createElement("p"); var newnodeText = document.createTextNode("I love JavaScript!"); newnode.appendChild(newnodeText); newnode.className = "message"; document.body.appendChild(newnode);
    查看全部
  • nodeObject.previousSibling 说明:如果无此节点,则该属性返回 null。 注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点(例如,换行符号),而其它浏览器不会忽略。 解决问题方法: 判断节点nodeType是否为1, 如是为元素节点,跳过。
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2017-12-10

  • 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类型 一、nodeName 属性: 节点的名称,是只读的。 1. 元素节点的 nodeName 与标签名相同 2. 属性节点的 nodeName 是属性的名称 3. 文本节点的 nodeName 永远是 #text 4. 文档节点的 nodeName 永远是 #document
    查看全部
    0 采集 收起 来源:节点属性

    2017-12-10

  • <style type="text/css"> a.one:link {color: #ff0000} a.one:visited {color: #0000ff} a.one:hover {color: #ffcc00} a.two:link {color: #ff0000} a.two:visited {color: #0000ff} a.two:hover {font-size: 150%} a.three:link {color: #ff0000} a.three:visited {color: #0000ff} a.three:hover {background: #66ff66} a.four:link {color: #ff0000} a.four:visited {color: #0000ff} a.four:hover {font-family: monospace} a.five:link {color: #ff0000; text-decoration: none} a.five:visited {color: #0000ff; text-decoration: none} a.five:hover {text-decoration: underline} </style> </head> <body> <p>请把鼠标移动到这些链接上,以查看效果:</p> <p><b><a class="one" href="/index.html" target="_blank">这个链接改变颜色</a></b></p> <p><b><a class="two" href="/index.html" target="_blank">这个链接改变字体大小</a></b></p> <p><b><a class="three" href="/index.html" target="_blank">这个链接改变背景颜色</a></b></p> <p><b><a class="four" href="/index.html" target="_blank">这个链接改变字体系列</a></b></p> <p><b><a class="five" href="/index.html" target="_blank">这个链接改变文本装饰</a></b></p>
    查看全部
  • <a href="http://www.w3school.com.cn/index.html">W3School 在线教程</a> 浏览器用特殊效果显示短语“W3School 在线教程”(通常是带下划线的蓝色文本),这样用户就会知道它是一个可以链接到其他文档的超链接。就像这样:
    查看全部
  • 在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类型 一、nodeName 属性: 节点的名称,是只读的。 1. 元素节点的 nodeName 与标签名相同 2. 属性节点的 nodeName 是属性的名称 3. 文本节点的 nodeName 永远是 #text 4. 文档节点的 nodeName 永远是 #document 二、nodeValue 属性:节点的值 1. 元素节点的 nodeValue 是 undefined 或 null 2. 文本节点的 nodeValue 是文本自身 3. 属性节点的 nodeValue 是属性的值 三、nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型: 元素类型 节点类型 元素 1 属性 2 文本 3 注释 8 文档 9
    查看全部
    0 采集 收起 来源:节点属性

    2017-12-09

举报

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

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