JavaScript高级程序设计29.pdf

insertAdjacentHTML方法

插入标记最后一个新增的方式是insertAdjacentHTML()方法，它接收两个参数：插入位置和要插入的HTML文本，第一个参数必须是下列值之一：

"beforebegin",在当前元素之前插入一个相邻的同辈元素；

"afterbegin",在当前元素之下插入一个新的子元素或在第一个子元素之前再插入新的子元素；

"beforeend",在当前元素之下插入一个新的子元素或在最后一个子元素之后再插入新的子元素；

"afterend",在当前元素之后插入一个相邻的同辈元素；

注意，这些值都必须是小写形式，第二个参数是一个HTML字符串，如果浏览器无法解析该字符串，就会抛出错误

//作为前一个同辈元素插入

element.insertAdjacentHTML("beforebegin","<p>Hello world!</p>")

内存与性能

本节介绍的方法替换子节点可能会导致浏览器的内存占用问题，尤其是在IE中，问题更加明显。在使用innerHTML、outerHTML属性和insertAdjacentHTML()方法时，最好先手工删除要被替换的元素的所有事件处理程序和JavaScript对象属性

scrollIntoView()方法

HTML里的scrollIntoView()方法可以在所有HTML元素上调用，通过滚动浏览器窗口或某个容器元素，调用元素就会出现在视口中，给这个方法传入true或者不传入参数，那么窗口滚动之后会让调用元素的顶部与视口的顶部平齐，如果传入false作为参数，调用元素会尽可能全部出现在视口中，不过顶部不一定平齐

//让元素可见

document.forms[0].scrollIntoView();

专有扩展