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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 鼠标移开事件,当鼠标移开当前对象时,执行onmouseout调用的程序。
    查看全部
  • 算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 数组排序sort() sort()方法使数组中的元素按照一定的顺序排列。 语法:arrayObject.sort(方法函数) 参数说明: 1.如果不指定<方法函数>,则按unicode码顺序排列。 2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。 myArray.sort(sortMethod); 注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下: 若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。 若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。 若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。 1.使用sort()将数组进行排序,代码如下: <script type="text/javascript"> var myarr1 = new Array("Hello","John","love","JavaScript"); var myarr2 = new Array("80","16","50","6","100","1"); document.write(myarr1.sort()+"<br>"); document.write(myarr2.sort()); </script> 运行结果: Hello,JavaScript,John,love 1,100,16,50,6,80 注意:上面的代码没有按照数值的大小对数字进行排序。 2.如要实现这一点,就必须使用一个排序函数,代码如下: <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

  • 鼠标经过事件,当鼠标移到一个对象上时,该对象就触发onmouseover事件,并执行onmouseover事件调用的程序。
    查看全部
  • onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件。同时onclick事件调用的程序块就会被执行,通常与按钮一起使用
    查看全部
  • 加载事件(onload) 事件会在页面加载完成后,立即发生,同时执行被调用的程序。 注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。 2. 此节的加载页面,可理解为打开一个新页面时。
    查看全部
  • onclick onmouseover onmouseout onchange onselect onfocus onblur onload onunload
    查看全部
    0 采集 收起 来源:什么是事件

    2015-03-17

  • scroll 相对于窗口 offset 相对于版面或offsetParent
    查看全部
  • 多多练习^_^
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-17

  • 浏览器兼容: var w = document.documentElement.scrollWidth || document.body.scrollWidth; var h = document.documentElement.scrollHeight || document.body.scrollHeigth;
    查看全部
  • 浏览器兼容方案: var w = document.documentElement.clientWidth || document.body.clientWidth; var h = document.documentElement.clientHeight || document.body.clientHeight;
    查看全部
  • 针对IE、Opera: scrollHeight 是网页内容实际高度,可以小于clientHeight 针对NS、FF: scrollHeight 是网页内容高度,不过最小值是clientHeight 即网页内容实际高度小于 clientHeight 时,scrollHeight 返回 clientHeight.
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <script type="text/javascript"> var inner_w = window.innerWidth; var inner_h = window.innerHeight; document.write('Inner Width:'+inner_w+'px;<br/>'); document.write('Inner Height:'+inner_h+'px;<br/>'); var do_w = document.documentElement.clientWidth; var do_h = document.documentElement.clientHeight; document.write('documentElement Width:'+do_w+'px;<br/>'); document.write('documentElement Height:'+do_h+'px;<br/>'); var bo_w = document.body.clientWidth; var bo_h = document.body.clientHeight; document.write('body Width:'+bo_w+'px;<br/>'); document.write('body Height:'+bo_h+'px;'); </script> </body> </html>
    查看全部
  • 选定元素slice() slice() 方法可从已有的数组中返回选定的元素。 语法 arrayObject.slice(start,end) 参数说明: 1.返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。 2. 该方法并不会修改数组,而是返回一个子数组。 注意: 1. 可使用负值从数组的尾部选取元素。 2.如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。 3. String.slice() 与 Array.slice() 相似。 我们将创建一个新数组,然后从其中选取的元素,代码如下: <script type="text/javascript"> var myarr = new Array(1,2,3,4,5,6); document.write(myarr + "<br>"); document.write(myarr.slice(2,4) + "<br>"); document.write(myarr); </script> 运行结果: 1,2,3,4,5,6 3,4 1,2,3,4,5,6
    查看全部
    0 采集 收起 来源:选定元素slice()

    2018-03-22

  • IE9+ 和其他浏览器: window.innerHeight window.innerWidth IE8 及 以下 document.documentElement.clientHeight document.documentElement.clientWidth
    查看全部

举报

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

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