亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

日期,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下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消