为了账号安全,请及时绑定邮箱和手机立即绑定

日期,DOM,事件,定时器

标签:
JavaScript

一、 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()
点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消