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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> function getnum(){ var mynode=document.getElementsByName("myt"); alert(mynode.length); } </script> </head> <body> <input name="myt" type="text" value="1"> <input name="myt" type="text" value="2"> <input name="myt" type="text" value="3"> <input name="myt" type="text" value="4"> <input name="myt" type="text" value="5"> <input name="myt" type="text" value="6"> <br /> <input type="button" onclick="getnum()" value="看看有几项?" /> </body> </html>
    查看全部
  • 1. 二维数组的定义方法一 var myarr=new Array(); //先声明一维 for(var i=0;i<2;i++){ //一维长度为2 myarr[i]=new Array(); //再声明二维 for(var j=0;j<3;j++){ //二维长度为3 myarr[i][j]=i+j; // 赋值,每个数组元素的值为i+j } } 2. 二维数组的定义方法二 var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]] 3. 赋值 myarr[0][1]=5; //将5的值传入到数组中,覆盖原有值。 说明: myarr[0][1] ,0 表示表的行,1表示表的列。
    查看全部
    0 采集 收起 来源:二维数组

    2018-03-22

  • <script type="text/javascript"> var mychar=document.getElementById("con"); mychar.style.color="red"; mychar.style.backgroundColor="#CCC"; mychar.style.display="none"; </script>
    查看全部
    0 采集 收起 来源:认识DOM

    2018-03-22

  • 提取指定数目的字符substr() substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。 语法: stringObject.substr(startPos,length) 参数说明: 注意:如果参数startPos是负数,从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。 如果startPos为负数且绝对值大于字符串长度,startPos为0。 使用 substr() 从字符串中提取一些字符,代码如下: <script type="text/javascript"> var mystr="I love JavaScript!"; document.write(mystr.substr(7)); document.write(mystr.substr(2,4)); </script> 运行结果: JavaScript! love
    查看全部
  • 复选框全选、取消、选择其中一个。 <input type="checkbox" name="hobby" "> 打球 <input type="button" value = "全选" onclick = "checkall();"> <input type="button" value = "全不选" onclick = "clearall();"> <p>请输入您要选择爱好的序号,序号为1-6:</p> <input id="wb" name="wb" type="text" > <input name="ok" type="button" value="确定" onclick = "checkone();"> </form> <script type="text/javascript"> function checkall(){ var hobby = document.getElementsByTagName("input"); for(var i=0;i<hobby.length;i++) { hobby[i].checked=true; } } function clearall(){ var hobby = document.getElementsByName("hobby"); for(var i=0;i<hobby.length;i++) { hobby[i].checked=false;}} function checkone(){ var j=document.getElementById("wb").value; var hobby=document.getElementById("hobby"+j); hobby.checked=true;}
    查看全部
  • 提取字符串substring() substring() 方法用于提取字符串中介于两个指定下标之间的字符。 语法: stringObject.substring(starPos,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> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> </head> <body> <!--先编写好网页布局--> <h4>操作成功</h4> <p> <b id="second">5</b>秒后回到主页&nbsp;<a href="javascript:goBack();">返回</a> </p> <script type="text/javascript"> //获取显示秒数的元素,通过定时器来更改秒数。 var sec = document.getElementById("second"); var i = 5;//定义一个新的变量,用新变量的递减赋值给初始值,做倒计时效果; var timer = setInterval(function(){ i--; sec.innerHTML = i; if(i==1){ window.location.href = "http://www.imooc.com/"; } },1000); function goBack(){ window.history.go(-1); } //通过window的location和history对象来控制网页的跳转。 </script> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 语法:插入节点的包裹层.insertBefore(新节点,需要插入的参考节点)
    查看全部
  • 字符串分割split() 知识讲解: split() 方法将字符串分割为字符串数组,并返回此数组。 语法: stringObject.split(separator,limit)
    查看全部
  • <script type="text/javascript"> document.write("可用宽度:" +screen.availWidth+"<br>"); document.write("可用高度:" +screen.availHeight+"<br>" ); </script>
    查看全部
  • 返回指定的字符串首次出现的位置 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 语法 stringObject.indexOf(substring, startpos) 参数说明: 说明: 1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 substring。 2.可选参数,从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找。 3.如果找到一个 substring,则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。 注意:1.indexOf() 方法区分大小写。 2.如果要检索的字符串值没有出现,则该方法返回 -1。 例如: 对 "I love JavaScript!" 字符串内进行不同的检索: <script type="text/javascript"> var str="I love JavaScript!" document.write(str.indexOf("I") + "<br />"); document.write(str.indexOf("v") + "<br />"); document.write(str.indexOf("v",8)); </script>
    查看全部
  • 返回指定位置的字符 charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。 语法: stringObject.charAt(index) 参数说明: 注意:1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一(string.length-1)。 2.如果参数 index 不在 0 与 string.length-1 之间,该方法将返回一个空字符串。 如:在字符串 "I love JavaScript!" 中,返回位置2的字符: <script type="text/javascript"> var mystr="I love JavaScript!" document.write(mystr.charAt(2)); </script> 注意:一个空格也算一个字符。
    查看全部
  • String 字符串对象 在之前的学习中已经使用字符串对象了,定义字符串的方法就是直接赋值。比如: var mystr = "I love JavaScript!" 定义mystr字符串后,我们就可以访问它的属性和方法。 访问字符串对象的属性length: stringObject.length; 返回该字符串的长度。 var mystr="Hello World!"; var myl=mystr.length; 以上代码执行后,myl 的值将是:12 访问字符串对象的方法: 使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写: var mystr="Hello world!"; var mynum=mystr.toUpperCase(); 以上代码执行后,mynum 的值是:HELLO WORLD! 1.补充右边编辑器第8行,使用toLowerCase()方法,将字符串所有大写字母都变成小写的字符串。
    查看全部
  • 1、indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 2、>-1表示这个值存在=-1表示找不到这个值。 3、 onclick="validB()" ,注意不要忘了括号。
    查看全部
    0 采集 收起 来源:userAgent

    2018-03-22

  • 返回/设置时间方法 get/setTime() 返回/设置时间,单位毫秒数,计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。 如果将目前日期对象的时间推迟1小时,代码如下: <script type="text/javascript"> var mydate=new Date(); document.write("当前时间:"+mydate+"<br>"); mydate.setTime(mydate.getTime() + 60 * 60 * 1000); document.write("推迟一小时时间:" + mydate); </script> 结果: 当前时间:Thu Mar 6 11:46:27 UTC+0800 2014 推迟一小时时间:Thu Mar 6 12:46:27 UTC+0800 2014 注意:1. 一小时 60 分,一分 60 秒,一秒 1000 毫秒 2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”
    查看全部

举报

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

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