javascript - IE 仅 javascript 错误与 getElementsByTagName

Question

我有以下在 FF/Chrome 中工作的代码

var stack = [Array.prototype.slice.call(document.getElementsByTagName("body")[0].childNodes)], nodes, node, parent, text, offset;
while (stack.length) {
    nodes = stack.pop();
    for (var i=0, n=nodes.length; i<n; ++i) {
        node = nodes[i];
        switch (node.nodeType) {
            case Node.ELEMENT_NODE:
                if (node.nodeName.toUpperCase() !== "SCRIPT") {
                    stack.push(Array.prototype.slice.call(node.childNodes));
                }
                break;
            case Node.TEXT_NODE:
                text = node.nodeValue;
                offset = text.indexOf("[test=");
                if (offset >= 0 && text.substr(offset).match(/^(\[test=(\d+)\])/)) {
                    parent = node.parentNode;
                    var before = document.createTextNode(text.substr(0, offset));
                        link = document.createElement("a"),
                        after = document.createTextNode(text.substr(offset + RegExp.$1.length));
                    link.appendChild(document.createTextNode(text.substr(offset, RegExp.$1.length)));
                    link.setAttribute("href", "http://example.com/" + RegExp.$2);
                    parent.insertBefore(after, node);
                    parent.insertBefore(link, after);
                    parent.insertBefore(before, link);
                    parent.removeChild(node);
                    stack.push([after]);
                }
        }
    }
}

基本上它所做的是，如果它在页面中找到 [test=25]，它会将其转换为指向 example.com/25 的链接

在 IE 中我得到以下错误:JScript Object Expected on first line:

var stack = [Array.prototype.slice.call(document.getElementsByTagName("body")[0].childNodes)], nodes, node, parent, text, offset;

这个错误在IE7和IE8中都会出现。

如有任何帮助，我们将不胜感激。

谢谢。

Answer 1

在由 childNodes 属性(或各种其他 DOM 方法)返回的 NodeList 对象上调用 Array.prototype.slice 是不合法的).

通常在 Thing 的实例上调用 Thing.prototype.method 是不合法的，但是浏览器传统上允许 — 以及 ECMAScript 第三版standard requires⟩——许多Array.prototype 方法的特例，这样它们就可以在任何与Array 非常相似的原生JavaScript 对象上调用。值得注意的是，这意味着它们可以用在 arguments 对象上，它看起来像一个 Array 但实际上不是。

但是，NodeList 和 DOM 中的其他集合对象并未定义为原生 JavaScript 对象；它们可以是“宿主对象”，完全由浏览器而非语言实现。宿主对象的所有赌注都被取消了......

Whether the slice function can be applied successfully to a host object is implementation-dependent.

所以 Array.prototype.slice 可能不适用于 NodeList，在版本 8 之前的 IE 中，确实不会。

如果你想制作一个 NodeList 的纯数组副本，你将不得不以漫长但安全的方式进行:

Array.fromSequence= function(seq) {
    var arr= new Array(seq.length);
    for (var i= seq.length; i-->0;)
        if (i in seq)
            arr[i]= seq[i];
    return arr;
};

var stack = [Array.fromSequence(document.body.childNodes)];

顺便说一下，您可以通过使用 textnode.splitText 使链接器更简单一些，我会非常谨慎地使用全局 RegExp 属性，就好像任何意外的正则表达式工作发生在它们将丢失的中间调用之一中。查看匹配对象通常会更好。参见 this question针对基本相同的问题进行另一次攻击。