20210821 JavaScript-2

BOM模型

Browser Object Model
提供了独立于内容、可以与浏览器窗口进行互动的对象结构

window对象
alert() prompt() confirm() open() close()
location history document属性
history对象
go() back() forward()方法
也可以给location赋值
location对象
host hostname href属性
reload() replace()方法
document对象
referrer URL 属性
getElementById() 等等方法

标签对象
属性 写在开始标签里的属性都是标签的属性

innerText 属性的值是 一对标签中间的内容 只去除其中的标签
innerHTML属性 标签的子孙标签 一对标签中间的内容 不去除标签
两个属性都是string类型 会保留空格 换行符

内置对象

Array String Math Date
Date对象
一些获取特定格式日期时间的方法
如getDay() getHour() getFullyear()
setTimeout() 超时响应 定时触发 1次
setInterval()方法 定时周期响应
清除函数 clearInterval() clearTimeout() 使用时传入已经设置的定时函数

DOM模型

Document Object Model

HTM-DOM

节点属性
parentNode childNode firstChild lastChild
nextSibling previousSibling 下/上一个节点
nodeName nodeType nodeValue
setAttribute() 用于设置节点属性 使用时传入两个参数 属性和属性对应的值
getAttribute() 获取节点的属性值 使用时传入节点的属性
增、删、查、改
1.使用document的createElemnt()方法创建元素
2使用父节点的appendChild()方法增加元素到DOM中
3.使用父节点的removeChild()方法删除其子元素
4.使用节点的setAttribute()方法设置属性以及css()方法设置样式
5使用getElementById()等方法获取元素，以及使用节点的属性获取节点的父、子节点或者兄弟节点。