危险:IE 下使用 cloneNode 注意事项
2012-04-20 by Dron
在开发「百度地裂特效」时,发现了一些匪夷所思的 Bug,第一反应是特效本身的代码与页面上原有的脚本发生了冲突,经过调试发现,问题出现在 cloneNode
。
cloneNode
是 HtmlElement
上的方法,用于创建指定 DOM 节点的拷贝,它接受一个布尔参数 include_all,如果 include_all 设置为 true,则副本会带有指定节点的所有子节点。
然而,<script>
标签也是 DOM 节点,cloneNode
对其有效,经实测各浏览器(尤其是 IE)对 cloneNode
执行结果表现不一致,主要现象为以下两种:
- IE,至少是 IE8 及以下,对某节点
cloneNode
时,如果该节点包含<script>
节点,那么<script>
节点的脚本内容「有可能」会被再次执行一次。 - 非 IE 浏览器,
cloneNode
某节点,包含的<script>
节点的脚本内容不会被再次执行。
IE 以外的浏览器表现令我满意,而针对于上面所述 IE 的「有可能」,还分以下两种情况: