DOM

有点小乱

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和节点; 获取节点; 节点操作(3种); 属性操作(3种)。 什么...
    magic_pill阅读 788评论 0 1
  • 一、概述 document节点是整个文档树的顶层节点,每张网页都有自己的document节点。window.doc...
    周花花啊阅读 1,351评论 0 1
  • 本章内容 理解包含不同层次节点的 DOM 使用不同的节点类型 克服浏览器兼容性问题及各种陷阱 DOM 是针对 HT...
    闷油瓶小张阅读 658评论 0 1
  • 什么是 BOM ? 1.浏览器对象模型 Browser Object Model 2.BOM的核心对象是windo...
    WeekOne阅读 422评论 0 2
  • ,中国有几千万人获患抑郁症,虽然因为抑郁症自杀的就只有那么几个,但是近年来随着社会架构的变化,越来越多工薪阶层,知...
    白芲阅读 4,484评论 0 0