DOM

作者: 洱月 | 来源:发表于2017-08-09 11:40 被阅读0次

有点小乱

DOM 文档对象模型

方法

  • forward() 前进
  • back() 后退 history.back()历史记录返回一次

DOM

window顶层、window对象的属性和方法在调用时可以省掉window。
var a=10; window.a

history

  • length
  • forwrd前进
  • back 后退
  • go()1前进 0 刷新 -1后退

验证

location

  • herf
  • protocol host hostname post pathname search hash
  • assign()加载新文档
  • reload()重新加载
  • replace()

Dom文档对象模型

document是Dom核心对象。

属性

  • title 返回、设置
  • url 返回

方法

  • document.getElementByld()
    返回指定id的第一个元素
    let box=document.getElementByld('box'); box.style.background='red'

  • document.getElemtsByTagName()
    返回指定标签名元素的集合

  • document.getElemtsByName()

  • document.getElemtsByClassName()

let box=document.getElemenstByClassName('box'); box.style.background='red'

  • document.all
    document。getElemtsByTagNam(*)

注意下标越界

事件驱动

事件

当javascript检测到用户、浏览器的行为(如何发生)

事件源

事件发生在谁的身上

事件处理程序

事件触发时,要执行的函数(干什么)

事件类型

鼠标事件

  • click
  • dblclik
  • mouseover/mouseenter
  • mouseout/mouseleave
  • mousemove

键盘事件

表单

浏览器事件

样式

批量操作

  • id
  • className

预先利用类名或者是id定义指定的样式。添加或者是移除指定的类名或id

行内样式

  • 设置
    obj.style属性=值
  • 获取
    obj.style属性

作业历史跳转 for时间函数
显示与隐藏

补充

  • box.innerHTML获取内容
  • box.outerHTML 获取内容,包括本身

我叫洱月,我愿意陪你到洱海风花雪月,你,看到我了吗?

相关文章

  • dom 级别和dom 事件处理

    dom级别:dom0 dom1 dom2 dom3 dom事件处理:dom0 dom2 dom3 (1级DOM标准...

  • WY-DOM编程

    DOM Document Object Model DOM Core DOM HTML DOM Style DOM...

  • DOM事件

    DOM级别与DOM事件 DOM级别:DOM0级、DOM1级、DOM2级、DOM3级DOM事件:DOM0级事件处理、...

  • DOM事件

    DOM级别与DOM事件 DOM级别:DOM0级,DOM1级,DOM2级和DOM3级DOM事件:DOM0级事件处理,...

  • js红包雨活动

    function Block( dom ){ this.dom = dom; //dom this.parentW...

  • DOM操作的分类

    DOM操作分为三个方面,即DOM Core(核心)、HTML-DOM和CSS-DOM。 DOM Core DOM ...

  • 虚拟 DOM 和 diff 算法

    虚拟 DOM(Virtual DOM) 通过 JS 对象表示 DOM 结构,虚拟DOM 是对 DOM 的抽象 通常...

  • jQuery——DOM

    DOM操作分类 一般来说,DOM操作分为3个方面,即DOM Core、HTML-DOM、CSS-DOM。 DOM ...

  • JavaScript高级程序设计前四章

    1. DOM级别 1.1 DOM1级 由DOM核心(DOM Core)和DOM HTML两个模块组成。 DOM核心...

  • DOM分级详解

    DOM1 级(DOM Level 1) DOM1 级由两个模块组成:DOM核心(DOM Core)和DOM HTM...

网友评论

      本文标题:DOM

      本文链接:https://www.haomeiwen.com/subject/jxbfrxtx.html