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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 区别getElementByID,getElementsByName,getElementsByTagName 以人来举例说明,人有能标识身份的身份证,有姓名,有类别(大人、小孩、老人)等。 1. ID 是一个人的身份证号码,是唯一的。所以通过getElementById获取的是指定的一个人。 2. Name 是他的名字,可以重复。所以通过getElementsByName获取名字相同的人集合。 3. TagName可看似某类,getElementsByTagName获取相同类的人集合。如获取小孩这类人,getElementsByTagName("小孩")。 把上面的例子转换到HTML中,如下: 注意:方法区分大小写 通过下面的例子(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"的元素,只有一个,"跑步"这个复选项。
    查看全部
  • 1.DOM结点的3个重要属性:nodeName,nodeValue,nodeType 2.nodeName属性: 元素节点的 nodeName 与标签名相同 属性节点的 nodeName 是属性的名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 #document 3.nodeValue属性 元素节点的 nodeValue 是 undefined 或 null 文本节点的 nodeValue 是文本自身 属性节点的 nodeValue 是属性的值 4.nodeType属性 元素类型 节点类型 元素 1 属性 2 文本 3 注释 8 文档 9
    查看全部
    0 采集 收起 来源:节点属性

    2015-03-23

  • Math.random();//返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。
    查看全部
    0 采集 收起 来源:随机数 random()

    2015-03-23

  • Math.round();//把一个数字四舍五入为最接近的整数。
    查看全部
    0 采集 收起 来源:四舍五入round()

    2015-03-23

  • Math.floor();//对一个数向下取整
    查看全部
    0 采集 收起 来源:向下取整floor()

    2015-03-23

  • Math.ceil(); //对一个数向上取整
    查看全部
    0 采集 收起 来源:向上取整ceil()

    2015-03-23

  • 返回星期值: newdate.getDay 返回的是0~6的数字 0表示星期天 如果想要返回具体星期几,可用数组的方式
    查看全部
    0 采集 收起 来源:返回星期方法

    2015-03-23

  • 1.setAttribute(属性名,属性值) 2.若属性名不存在,则新增;若属性名存在,则修改属性值。
    查看全部
  • 定义日期对象: var newdate = new Date(); 默认值为当前电脑时间. 还可以手动定义时间 var newdate = new Date(2014,04,23);
    查看全部
    0 采集 收起 来源: Date 日期对象

    2015-03-23

  • 提取指定数目的字符substr() substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。 语法:stringObject.substr(startPos,length)
    查看全部
  • 提取字符串substring() substring() 方法用于提取字符串中介于两个指定下标之间的字符。
    查看全部
  • 1.ElementNode.getAttribute("属性名"):通过元素结点的属性名称获取属性的值。 2.ElementNode通过getElementById、getElementsByName、getElementsByTagName方法获得。
    查看全部
  • 获取对象长度属性: Object.length
    查看全部
    0 采集 收起 来源:什么是对象

    2015-03-23

  • 使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除。
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-23

  • nice
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-23

举报

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

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