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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • className的灵活运用。通过改变类名实现隐藏和显示和改变元素属性
    查看全部
    0 采集 收起 来源:编程挑战

    2017-07-07

  • stringObject.indexOf(substring,startpos); 返回指定字符串首次出现的位置 parseInt()函数 返回解析后的数字
    查看全部
    0 采集 收起 来源:编程练习

    2017-07-07

  • +,在js中表示连接字符串,如果是数字计算,需要转化成数字,例如parseInt()或者parseFloat()
    查看全部
    1 采集 收起 来源:编程练习

    2017-07-07

  • scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离 ,即左边灰色的内容。 scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离 ,即上边灰色的内容。 offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 。 offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置 。
    查看全部
  • http://www.imooc.com/code/48#editor-tabs-html
    查看全部
    0 采集 收起 来源:让你认识JS

    2017-07-07

  • element.clientWidth:在页面上返回内容的可视宽度(不包括边框,边距或滚动条) element.clientHeight:在页面上返回内容的可视高度(不包括边框,边距或滚动条) element.scrollWidth:返回元素的整个宽度(包括带滚动条的隐蔽的地方) element.scrollHeight:返回整个元素的高度(包括带滚动条的隐蔽的地方) element.offsetWidth:返回元素的宽度,包括边框和填充,但不是边距 element.offsetHeight:返回,任何一个元素的高度包括边框和填充,但不是边距
    查看全部
  • offsetHeight = clientHeight + 滚动条 + 边框
    查看全部
  • offsetHeight和offsetWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)。
    查看全部
  • http://img1.sycdn.imooc.com//533295ab0001dead05190599.jpg
    查看全部
    0 采集 收起 来源: Array 数组对象

    2017-07-06

  • http://img1.sycdn.imooc.com//532fe7cf0001e7b505170269.jpg http://img1.sycdn.imooc.com//532fe841000174db05160622.jpg
    查看全部
    0 采集 收起 来源:Math对象

    2017-07-06

  • 把整个电脑屏分为浏览器边框和内容; scrollTop就是滚动条离内容的距离 offsetTop就是内容的边框+margin的距离 所以移动滚动条的时候scrollTop会动,而offset不会动
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>if...else</title> <script type="text/JavaScript"> function age(){ var myage =document.getElementById("div1").value;//获得text的值 if(myage>89) {document.write("长寿老年人");} else if(myage>59) {document.write("老年人");} else if (myage>44) {document.write("中年人");} else if(myage>0) {document.write("青年");} } </script> </head> <body> <style type="text/css"> #aaggee{ font-size:14px; } </style> <label id="aaggee">请输入年龄:<input id="div1" type="text" name="grade"></label> <input type="button" value="提交" onclick="age()"> </body> </html>
    查看全部
  • 选定元素slice() slice() 方法可从已有的数组中返回选定的元素。 语法 arrayObject.slice(start,end) 参数说明: 1.返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。 2. 该方法并不会修改数组,而是返回一个子数组。
    查看全部
    0 采集 收起 来源:选定元素slice()

    2017-07-06

  • reverse() 方法用于颠倒数组中元素的顺序。 语法: arrayObject.reverse() 注意:该方法会改变原来的数组,而不会创建新的数组。
    查看全部
  • concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。 语法 arrayObject.concat(array1,array2,...,arrayN)
    查看全部

举报

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

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