goldEli / blog

Blog
MIT License
2 stars 1 forks source link

web-api #4

Open goldEli opened 6 years ago

goldEli commented 6 years ago

web-api

BOM

浏览器提供的一些接口,比如 locationscreennavigatorhistory

DOM

起初使用 xml 来描述页面结构,为了标准化,推出了 html,当浏览器通过 url 请求服务器,服务器返回 html 给浏览器,浏览器和 JavaScript 都不认识 html,所以浏览器会把 html 转换成 DOM,DOM 是一个树结构

获取 DOM

// 通过 id 获取
var dom = document.getElementById('box')

// 

property 和 attribute的区别

DOM 节点就是一个 js 对象,比如一个 p 节点,可以拥有 class style 等属性

属于 html 的属性,需要通过 getAttribute 和 setAttribute 来操作属性,改操作会造成重绘和重排,所以尽量避免频繁操作。