`
sohighthesky
  • 浏览: 35882 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

why insertBefore not appendChild?

阅读更多
        /**
         * Evalulates a script in a global context.
         */
        globalEval: function(data) {
            if (data && REG_NOT_WHITE.test(data)) {
                // Inspired by code by Andrea Giammarchi
                // http://webreflection.blogspot.com/2007/08/global-scope-evaluation-and-dom.html
                var head = doc.getElementsByTagName('head')[0] || doc.documentElement,
                    script = doc.createElement('script');

                // It works! All browsers support!
                script.text = data;

                // Use insertBefore instead of appendChild to circumvent an IE6 bug.
                // This arises when a base node is used.
                head.insertBefore(script, head.firstChild);
                head.removeChild(script);
            }
        }
    });

经常看大家使用insertBefore,而不用appendChild
:
LC(============================) 12:23:42
两个BUG
1。 head没加载完毕 会报未运行是异常
2。 如果head部分有base标签 会引发异常
分享到:
评论

相关推荐

    js中AppendChild与insertBefore的用法详细解析.docx

    JavaScript 中的 AppendChild 和 InsertBefore 用法详细解析 在 JavaScript 中,appendChild 和 insertBefore 是两个常用的方法,用于在 DOM 中插入新的节点。但是,很多开发者对这两个方法的使用和区别不是很清楚...

    js AppendChild与insertBefore用法详细对比

    总结来说,`appendChild()`方法用于向元素的子节点列表末尾添加新节点,而`insertBefore()`方法则可在元素的子节点列表中的任意位置插入新节点,提供更精确的控制。在实际开发中,根据需求选择合适的方法能更好地...

    初学js插入节点appendChild insertBefore使用方法

    语法:appendChild(newchild) insertBefore() 方法:可在已有的子节点前插入一个新的子节点。语法 :insertBefore(newchild,refchild) 相同之处:插入子节点 不同之处:实现原理方法不同。 appendChild方法是在父级...

    appendChild() 或 insertBefore()使用与区别介绍

    `appendChild()` 和 `insertBefore()` 是两个非常重要的方法,用于在已有节点的子节点列表中添加新节点。 `appendChild()` 方法用于将一个节点添加到指定父节点的子节点列表的末尾。这意味着新节点始终会被放置在...

    js中AppendChild与insertBefore的用法详细解析

    首先,让我们深入探讨JavaScript中非常重要的DOM操作方法:appendChild和insertBefore。 appendChild方法用于将一个节点添加到指定节点的子节点列表的末尾。它的使用非常直接,接受一个参数newChild,代表即将添加...

    JavaScript之appendChild、insertBefore和insertAfter使用说明

    几天需要用到对HTML节点元素的删/插操作,由于用到insertBefore方法的时候遇到了一些麻烦,现在作为知识的整理,分别对appendChild、insertBefore和insertAfter做个总结

    JavaScript:createElement和insertBefore

    obj = document.createElement(tag)创建一个标签,oParent.appendChild(obj)和oParent.insertBefore(obj,element)都是由要插入的标签的父节点调用,appendChild将创建的元素依次加在后面,而insertBefore则可以将...

    insertBefore nextSibling 用法

    在指定ID前、内、后插入内容,参考实例。

    js在指定位置增加节点函数insertBefore()用法实例

    JavaScript提供了很多方法来进行DOM操作,其中`insertBefore()`方法是用来在父节点下的指定子节点之前插入一个新的节点。此方法的使用非常灵活,可以在页面中任意位置插入新的元素,而不影响其他元素的位置和状态。 ...

    前端教程:68 dom insertbefore

    千锋Web前端教程_68_dom_insertbefore

    javascript使用appendChild追加节点实例

    如果需要一次添加多个节点,需要使用如appendChild的替代方法,比如insertBefore或replaceChild。此外,当使用appendChild方法添加元素到DOM中时,如果DOM树结构发生了变化,浏览器会自动进行重新渲染,这可能会引起...

    基于insertBefore制作简单的循环插空效果

     利用insertBefore制作简单的循环插空效果 【HTML代码说明】 <li class=in>1 <li class=in>2 <li class=in>3 <li class=in>4 <li class=in>5 <li class=in>6 【CSS代码说明】 .in{ height: 20px; line...

    Delphi向XML中添加节点数据.rar

     iNode.insertBefore (iXml.createElement('test4'), iChild);  iNode2 := iNode.cloneNode (True);  iRoot.appendChild (iNode2);  iAttribute := iXml.createAttribute ('color');  iAttribute.nodeValue := ...

    jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍

    jQuery提供了几种方法来实现这些功能,其中包括insertBefore(), insertAfter(), after(), 以及before()。这些方法虽然名字相似,但各自有不同的用途和行为,下面将详细介绍它们之间的区别。 首先,我们要了解的是...

    浅谈jQuery before和insertBefore的区别

    在jQuery库中,`before`和`insertBefore`都是用于在现有DOM元素前插入新内容的方法,但它们的使用方式有所不同。理解这两个方法的区别对于优化和编写高效的jQuery代码至关重要。 首先,`before`方法的基本语法是`$...

Global site tag (gtag.js) - Google Analytics