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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • Math.round(); //四舍五入 Math.random()*10; //在0-1中随机生成数字 0-10
    查看全部
    0 采集 收起 来源: Array 数组对象

    2017-07-11

  • 访问子节点childNodes需要注意兼容性问题:节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点,所以IE是3,其它浏览器是7
    查看全部
  • setTimeout()指定延迟时间之后执行代码 1 setInterval()每隔指定时间执行代码 2 clearTimeout()取消1的设置 clearInterval()取消2的设置
    查看全部
  • 数组连接concat():方法用于连接两个或多个数组。此方法返回一个新的数组,不改变原来的数组。 arrayObject.concat(array1,array2,....arrayn)
    查看全部
  • object.substring(a,b); //提取字符串 a开始位置 b结束位置 不填写b结束位置到最后 object.substr(a,b); //提取指定长度的字符串 a开始位置 b指定长度 不填到结束
    查看全部
  • object.charAt(index); // 返回指定位置的字符 index:字符串中某个位置的数字,下标。 index长度在0到length-1之间。 object.indexOf(a,b); //返回首次出现的位置 a代表哪个字符 b代表从哪开始
    查看全部
  • arr.substring(开始位置,结束为止) arr.substr(开始位置,长度) 结果都为字符串 string.split("-")字符串用-分割,结果为数组 date.getDate()获取当前日期 date.getDay()获取星期
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • object.length //获取字符串长度
    查看全部
  • var aa=new Date(); //获取当前系统时间 var as=aa.getDay(); weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; document.write(weekday[as]); //输出星期几 aa.getFullYear(); //年 aa.getMonth(); 月 aa.getDate(); 日
    查看全部
  • getDate()获取当前日期 getDay()获取星期 str.split(":"),以:分割成一个数组 arr.substr(start,end),截取出字符串 arr.indexOf("d"),数组中首个d出现的下标
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 字符分割----------object.split(a,b) a代表从哪个位置(字符)分割, b代表分割次数
    查看全部
  • 数组排序sort() sort()方法使数组中的元素按照一定的顺序排列。 语法: arrayObject.sort(方法函数) 参数说明: 1.如果不指定<方法函数>,则按unicode码顺序排列。 2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。 myArray.sort(sortMethod); 注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:    若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。   若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。   若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。 要实现这一点,就必须使用一个排序函数,代码如下: <script type="text/javascript"> function sortNum(a,b) { return a - b; //升序,如降序,把“a - b”该成“b - a” } var myarr = new Array("80","16","50","6","100","1"); document.write(myarr + "<br>"); document.write(myarr.sort(sortNum)); </script> 运行结果: 80,16,50,6,100,1 1,6,16,50,80,100
    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-03-22

  • parseInt()函数
    查看全部
    0 采集 收起 来源:编程练习

    2017-07-11

  • (转 接上一个笔记) in IE: innerDiv.clientHeight: 46 innerDiv.offsetHeight: 50 outerDiv.clientHeight: 0 outerDiv.offsetHeight: 264 in Firfox: innerDiv.clientHeight: 70 innerDiv.offsetHeight: 74 outerDiv.clientHeight: 348 outerDiv.offsetHeight: 362 在上面的示例中,也许你会很奇怪,为什么在IE里面outerDiv.clientHeight的值为0。那是因为示例代码中,没有定义outerDIVClass的Height值,这时,在IE里面,则clientHeight的值是无法计算的。同样,在示例代码中,如果将innerDIVClass中的Height值去年,则innerDIV.clientHeight的值也为0。(注:在Firefox下不存在这种情况)。 如果CSS中Height值小于DIV要显示内容的高度的时候呢(当CSS中没有定义overflow的行为时)?在IE里面,整个clientHeight(或者offsetHeight)的值并没有影响,DIV会自动被撑大;而在Firefox里面,DIV是不会被撑开的。如在示例代码中,将innerDivClass的Height值设为0,则计算结果如下所示。IE里面的DIV被撑开,其clientHeight值等于内容的高度与padding*2的和;而Firefox里面,文字将溢出DIV的边界,其clientHeight值正好是padding值的两倍。 In IE: innerDiv.clientHeight: 38 innerDiv.offsetHeight: 42 outerDiv.clientHeight: 0 outerDiv.offsetHeight: 256 In Firefox: innerDiv.clientHeight: 20 innerDiv.offsetHeight: 24 outerDiv.clientHeight: 298 outerDiv.offsetHeight: 312
    查看全部
  • (转) clientHeight与offsetHeight的区别 许多文章已经介绍了clientHeight和offsetHeight的区别,就是clientHeight的值不包括scrollbar的高度,而offsetHeight的值包括了scrollbar的高度。然而,clientHeight和offsetHeight的值到底由什么组成的呢?如何计算这两个数的值? 1. clientHeight和offsetHeight的值由什么决定? 假如我们有以下的DIV,主要显示的文字为"This is the main body of DIV"。 如上图所示,clientHeight的值由DIV内容的实际高度和CSS中的padding值决定,而offsetHeight的值由DIV内容的实际高度,CSS中的padding值,scrollbar的高度和DIV的border值决定;至于CSS中的margin值,则不会影响clientHeight和offsetHeight的值。 2. CSS中的Height值对clientHeight和offsetHeight有什么影响? 首先,我们看一下CSS中Height定义的是什么的高度。如在本文最后部分“APPENDIX示例代码”(注:以下称为“示例代码”)中,innerDIVClass的Height值设定为50px,在IE下计算出来的值如下所示。也就是说,在IE里面,CSS中的Height值定义了DIV包括padding在内的高度(即offsetHeight的值);在Firefox里面,CSS中的Height值只定义的DIV实际内容的高度,padding并没有包括在这个值里面(70 = 50 + 10 * 2)。
    查看全部

举报

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

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