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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script type="text/javascript"> function GoForward() { window.history.forward() } </script> </head> <body> 点击下面的锚点链接,添加历史列表项: <br /> <a href="#target1">第一个锚点</a> <a name="target1"></a> <br /> <a href="#target2">第二个锚点</a> <a name="target2"></a> <br /><br /> 使用下面按钮,实现返回下一个页面: <form> <input type="button" value="返回下一个页面" onclick="GoForward()" /> </form> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script type="text/javascript"> function GoBack() { window.history.back() } </script> </head> <body> 点击下面的锚点链接,添加历史列表项: <br /> <a href="#target1">第一个锚点</a> <a name="target1"></a> <br /> <a href="#target2">第二个锚点</a> <a name="target2"></a> <br /><br /> 使用下面按钮,实现返回前一个页面: <form> <input type="button" value="返回前一个页面" onclick="GoBack();" /> </form> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>History对象</title> </head> <script type="text/javascript"> var HL =window.history.length ; document.write(HL); function a(){ window.history.back() } function b(){ window.history.forward() } </script> <body> <input type="button" onclick="a()"></input> <input type="button" onclick="b()"></input> </body> </html>
    查看全部
    0 采集 收起 来源:History 对象

    2018-03-22

  • substring() 方法用于提取字符串中介于两个指定下标之间的字符。 语法: stringObject.substring(startPos,stopPos) 注意: 1. 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符,其长度为 stop 减start。 2. 如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。 3. 如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。 使用 substring() 从字符串中提取字符串,代码如下: <script type="text/javascript"> var mystr="I love JavaScript"; document.write(mystr.substring(7)); document.write(mystr.substring(2,6)); </script> 运行结果: JavaScript love
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> <script type="text/javascript"> var num=0; var i; function startCount(){ document.getElementById('count').value=num; num=num+1; i=setTimeout("startCount()",1000); } function stopCount(){ clearTimeout(i) } </script> </head> <body> <form> <input type="text" id="count" /> <input type="button" value="Start" onclick="startCount()" /> <input type="button" value="Stop" onclick="stopCount()"/> </form> </body> </html>
    查看全部
  • <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>
    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-03-22

  • 若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。 若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。 若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。
    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-03-22

  • split() 方法将字符串分割为字符串数组,并返回此数组。 语法: stringObject.split(separator,limit) 注意:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。
    查看全部
  • indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 语法 stringObject.indexOf(substring, startpos) 说明: 1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 substring。 2.可选参数,从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找。 3.如果找到一个 substring,则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。 注意:1.indexOf() 方法区分大小写。 2.如果要检索的字符串值没有出现,则该方法返回 -1。
    查看全部
  • charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。 语法: stringObject.charAt(index) 注意:1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一(string.length-1)。 2.如果参数 index 不在 0 与 string.length-1 之间,该方法将返回一个空字符串。
    查看全部
  • 访问字符串对象的属性length: stringObject.length; 返回该字符串的长度。 访问字符串对象的方法: 使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写: var mystr="Hello world!"; var mynum=mystr.toUpperCase(); 以上代码执行后,mynum 的值是:HELLO WORLD! toLowerCase()方法,将字符串所有大写字母都变成小写的字符串。
    查看全部
  • 操作符之间的优先级(高到低): 算术操作符 比较操作符 逻辑操作符 "="赋值符号
    查看全部
  • <!DOCTYPE HTML> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>数组</title> <script type="text/javascript"> //创建数组 var arr = ['*','##',"***","&&","****","##*"]; arr[7] = "**"; //显示数组长度 //alert(arr.length); var l=arr.length; //建立正确的数组 var corrent=new Array(); for(var i=0;i<l;i++) { var cor = arr[i]; if(cor != undefined) { if(cor.split("",1)=='*') { corrent.push(cor); } } } //对数组进行排序 corrent.sort(function(a, b){ if(a.length > b.length){ return 1 }else if(a.length < b.length){ return -1 }else{ return 0 } }) //将数组内容输出,完成达到的效果。 for(var i=0;i<corrent.length;i++){ document.write(corrent[i]+"<br>") } </script> </head> <body> <p></p> </body> </html>
    查看全部
    1 采集 收起 来源:编程练习

    2018-03-22

  • function sortNum(a,b) { return a - b; //升序,如降序,把“a - b”该成“b - a” } 若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。 若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。 若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。
    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-03-22

  • 访问兄弟节点 1.nextSibling属性可返回某个节点之后紧跟的节点(处于同一树层级中)。 语法: nodeObject.nextSibling 说明:如果无此节点,则该属性返回null. 2.previousSibling 属性可返回某个节点之前紧跟的节点(处于同树层级中)。 语法: nodeObject.previousSibling 说明:如果无此节点,则该属性返回null. 注意:两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点(例如,换行符号),而其它浏览器不会忽略。
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2018-02-04

举报

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

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