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();
专有扩展
最新文章
- 安装过程中出现PKG_CONFIG_PATH的问题解决方法
- CC1310的RSSI值问题
- c#制作计算器全过程
- Android 使用 DownloadManager 管理系统下载任务的方法,android管理系统
- 用collectionview实现瀑布流-转
- 数据库连接池系列之——c3p0
- python 练习 13
- HDU 5137 How Many Maos Does the Guanxi Worth
- sphinx 增量索引 及时更新、sphinx indexer索引合成时去旧和过滤办法(转)
- ASP.NET- 播放视频代码
- (转)url重写
- Android GsonUtils工具类
- hdu 2454 Degree Sequence of Graph G (推断简单图)
- venom结合Metasploit绕过360安全卫士
- ReactiveSwift源码解析(三) Signal代码的基本实现
- Jmeter性能测试之参数化(二)
- 20165206 实验一 Java开发环境的熟悉
- kali linux 启动无法自动连接网络问题i
- asp.net 使用一般处理程序和ajax post实现登录以及记住密码
- 循环神经网络-Dropout