Open goldEli opened 6 years ago
浏览器提供的一些接口,比如 location、screen、navigator、 history。
location
screen
navigator
history
起初使用 xml 来描述页面结构,为了标准化,推出了 html,当浏览器通过 url 请求服务器,服务器返回 html 给浏览器,浏览器和 JavaScript 都不认识 html,所以浏览器会把 html 转换成 DOM,DOM 是一个树结构
获取 DOM
// 通过 id 获取 var dom = document.getElementById('box') //
property 和 attribute的区别
DOM 节点就是一个 js 对象,比如一个 p 节点,可以拥有 class style 等属性
class
style
属于 html 的属性,需要通过 getAttribute 和 setAttribute 来操作属性,改操作会造成重绘和重排,所以尽量避免频繁操作。
web-api
BOM
浏览器提供的一些接口,比如
location
、screen
、navigator
、history
。DOM
起初使用 xml 来描述页面结构,为了标准化,推出了 html,当浏览器通过 url 请求服务器,服务器返回 html 给浏览器,浏览器和 JavaScript 都不认识 html,所以浏览器会把 html 转换成 DOM,DOM 是一个树结构
获取 DOM
property 和 attribute的区别
DOM 节点就是一个 js 对象,比如一个 p 节点,可以拥有
class
style
等属性属于 html 的属性,需要通过 getAttribute 和 setAttribute 来操作属性,改操作会造成重绘和重排,所以尽量避免频繁操作。