继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

日期,DOM,事件,定时器

小泡泡
关注TA
已关注
手记 43
粉丝 51
获赞 617

一、 Date 对象

  1. 创建日期对象
    图片描述

    1. 常用的方法
      获取日期和时间
      getDate()  获取日期, 返回值 :1-31
      getDay() 获取星期,返回值:0-6
      getMonth( ) 获取月份,返回值:0-11
      getFullYear() 获得完整年份
      getHours() 获得小时 返回值:0-23
      getMinutes() 获得分钟 返回值:0-59
      getSeconds() 获得秒 返回值:0-59
      getTime()和getMillseconds() 获取当前时间距离计算机元年的毫秒
      小练习:
      获取毕业倒计时的天数
      图片描述
      二、 Dom对象(重点)
  2. 概述
    根据W3C的标准DOM规范,DOM是一种与浏览器、语言、平台都没有关系的接口。
    我们主要学习内容是HTMLDOM, 理解DOM的原理。
    图片描述
    DOM使开发者对HTML有了空前的访问能力
  3. DOM模型中的节点
    在HTML中,看到每一个元素,都可以看htmlDOM的节点
    所有的HTML元素是元素节点,nodetype 类型 1
    所有的HTML属性是属性节点,nodetype 类型 2
    所有的HTML元素内的文本是文本节点,nodetype 类型 3
    <a href= "http://www.baidu.com " title=”百度”>百度</a>
  4. 获取DOM模型中的元素方式
    a) 获取文档中指定某id的元素节点
    document.getElementById()
    b) 获取文档中指定标签的元素节点
    document.getElementsByTagName()
    c) 获取文档中指定name的表单元素节点
    document.getElementsByName()
    d) 获取文档中指定class的元素节点
    document.getElementsByClassName()
  5. 设置和获取元素节点的属性
    getAttribute(属性名), 返回对应的属性值
    setAttribute(属性名,属性值) 为元素节点设置对应的属性和属性值
    图片描述
    图片描述

  6. 节点的访问关系
    图片描述
    图片描述
    图片描述

  7. 节点的操作
    创建元素
    图片描述
    添加元素
    图片描述
    删除元素
    图片描述
    克隆元素
    图片描述
    三、 事件
    三要素:事件源、事件、事件驱动程序
    事件的分类;
    UI窗口: window.onload 、window.onresize、window.onscroll
    鼠标和滚轮:onclick、onmouseover和mouseout、mousewheel
    焦点事件:onfocus,onblur,oninput
    键盘事件:keydown,keyup
    重点事件举例
    l load
    让本页面所有的dom、css、img、js等资源加载完毕,在执行处理程序,注意,在和本页面所有相关js代码里,只能使用一次
    图片描述
    l focus和blur
    只适用于表单元素:input、textarea
    图片描述
    四、 定时器
    setTimeout()
    图片描述
    setInterval()
    如何设置定时器和清除定时器
    Bom对象属性,也即是window对象的history,location,userAgent,navigator, open()
打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP