11.HTML5

1. 焦点
2. document.activeElement始终指向获取焦点的元素

var button = document.querySelector('button')
button.focus()
document.activeElement === button  //true

2. document.hasFocus()来确定文档是否获得了焦点
3. documentReadyState 来表示当前文档加载状态
4. dom上的自定义属性可以通过dom 的dataset属性来获取
5. innerHTML 添加的style 是生效的,但是添加的script 是不会执行的

6. 还有个outterHTML 这个会顺带返回调用的节点

   
   Paste_Image.png
7. innerHTML效率要比多次操作DOM创建/添加节点的效率要高得多, 因为innerHTML/outterHTML时候,会创建一个浏览器级别的html解析器(C++),因为要比执行在js上个的解析器要快得多
8. element.scrollIntoView(bool) 传入true或者不传的时候,窗口会滚动到元素与视口顶部平齐, false的时候会尽可能出现在视口中..

9. 用innerText 是不会解析字符串中的dom节点文本

   
   Paste_Image.png
10. 滚动
11. ele.element.scrollIntoView(bool)
12. ele.scrollIntoViewIfNeeded(bool) 只在元素在当前视图不可见的情况下才会滚动让其可见, 如果在视口中显示,则什么都不做
13. document.body.scrollByLines/Pages(lineCount) 视图移动到指定定的行高/页面高度