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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 1. 一小时 60 分,一分 60 秒,一秒 1000 毫秒 2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);” <script type="text/javascript"> var mydate=new Date(); document.write("当前时间:"+mydate+"<br>"); mydate.setTime(mydate.getTime() + 60 * 60 * 1000); document.write("推迟一小时时间:" + mydate); </script>
    查看全部
  • get/setTime() 返回/设置时间,单位是毫 秒 数
    查看全部
  • 全选 var hobby = document.getElementsByTagName("input"); var x=hobby.length; for(var i=0;i<x;i++) { if(hobby[i].type=="checkbox") { hobby[i].checked=true } }
    查看全部
  • getAttribute()方法 通过元素节点的属性名称获取属性的值。 语法: elementNode.getAttribute(name) 说明: 1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。 2. name:要想查询的元素节点的属性名字 看看下面的代码,获取h1标签的属性值: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8> <title>getAttribute()</title> </head> <body> <h1 id="alink" title="getAttribute()获取标签的属值"onclick="hattr()">点击我,获取标签的属性</h1> <script type="text/javascript"> function hattr() { var anode=document.getElementById("alink"); var attr1=anode.getAttribute("id"); var attr2=anode.getAttribute("title"); document.write("h1标签的ID:"+attr1+"<br>"); document.write("h1标签的title:"+attr2); } </script> </body> </html> 运行结果: h1标签的ID :alink h1标签的title :getAttribute()获取标签的属值
    查看全部
  • i in a
    查看全部
    0 采集 收起 来源:四舍五入round()

    2017-08-25

  • toLowerCase() 方法将字符串所有大写字母都变成小写的字符串。 toUpperCase() 方法来将字符串小写字母转换为大写
    查看全部
  • 数组方法:http://img1.sycdn.imooc.com//533295ab0001dead05190599.jpg
    查看全部
    0 采集 收起 来源: Array 数组对象

    2017-08-25

  • (数组属性length) 如果我们想知道数组的大小,只需引用数组的一个属性length。Length属性表示数组的长度,即数组中元素的个数。 var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr document.write(arr.length); //显示数组长度8 document.write(arr[7]); //显示第8个元素的值54 同时,JavaScript数组的length属性是可变的,这一点需要特别注意。 arr.length=10; //增大数组的长度 document.write(arr.length); //数组长度已经变为10 数组随元素的增加,长度也会改变,如下: var arr=[98,76,54,56,76]; // 包含5个数值的数组 document.write(arr.length); //显示数组的长度5 arr[15]=34; //增加元素,使用索引为15,赋值为34 alert(arr.length); //显示数组的长度16
    查看全部
  • removeChild()从子节点列表删除某个节点。 modeObject.removeChild(node);
    查看全部
  • Math 对象属性 http://img1.sycdn.imooc.com//532fe7cf0001e7b505170269.jpg Math 对象 http://img1.sycdn.imooc.com//532fe841000174db05160622.jpg方法
    查看全部
    0 采集 收起 来源:Math对象

    2017-08-25

  • x.indexOf("t"),在x中查找t,如果不存在返回-1,存在返回相应位置
    查看全部
    0 采集 收起 来源:userAgent

    2018-03-22

  • 区别getElementByID,getElementsByName,getElementsByTagName2: 通过下面的例子(6个name="hobby"的复选项,两个按钮)来区分三种方法的不同: <input type="checkbox"name="hobby"id="hobby1">音乐 <input type="checkbox"name="hobby"id="hobby2">登山 <input type="checkbox"name="hobby"id="hobby3">游泳 <input type="checkbox"name="hobby"id="hobby4">阅读 <input type="checkbox"name="hobby"id="hobby5">打球 <input type="checkbox"name="hobby"id="hobby6">跑步 <input type="button"value = "全选"id="button1"> <input type="button"value="全不选"id="button1"> 1.document.getElementsByTagName("input"),结果为获取所有标签为input的元素共8个 2.document.getElementsByName("hobby"),结果为获取属性name="hobby"的元素共6个 3.document.getElementById("hobby6"),结果为获取属性id="hobby6"的元素,只有一个"跑步"这个复选项
    查看全部
  • 区别getElementByID,getElementsByName,getElementsByTagName: 以人为例,人有能标识身份的身份证,有姓名,有类别(大人、小孩、老人)等 1.ID 是一个人的身份证号码,是唯一的。所以通过getElementById获取的是指定的一个人 2.Name 是他的名字,可以重复。所以通过getElementsByName获取名字相同的人集合 3.TagName可看似某类,getElementsByTagName获取相同类的人集合。如获取小孩这类人,getElementsByTagName("小孩") 把上面的例子转换到HTML中,如下: <input type="checkbox"name="hobby"id="hobby1">音乐 input标签就像人的类别 name属性就像人的姓名 id属性就像人的身份证 总结如下: 方法|说明|获得 getElementById|通过指定id获得元素 |一个 getElementsByName |通过元素名称name属性获得元素|一组 getElementsByTagName|通过标签名称获得元素|一组 注:方法分大小写
    查看全部
  • insertBefore()在已有的子节点钱插入一个新的子节点 insertBefore(newnode,node);
    查看全部
  • var otest = document.getElementById(""); var newnode = document.createElement("li"); newnode.innerHTML = "PHP"; otest.appendChild(newnode);
    查看全部

举报

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

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