11.HTML5

2017-01-08 本文已影响18人招展君

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

document.hasFocus()来确定文档是否获得了焦点
documentReadyState 来表示当前文档加载状态
dom上的自定义属性可以通过dom 的dataset属性来获取
innerHTML 添加的style 是生效的,但是添加的script 是不会执行的
还有个outterHTML 这个会顺带返回调用的节点

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

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