IE9抛出DOM异常:INVALID_CHARACTER_ERR(5)

时间:2012-10-17 19:33:24

标签: javascript internet-explorer-9 mootools domexception

在下面的脚本中,IE9抛出错误:

SCRIPT5022:DOM异常:INVALID_CHARACTER_ERR(5) mootools-1.2.1-core-yc.js,第118行第1字符

Document.implement({
    newElement: function (A, B) {
        if (Browser.Engine.trident && B) {
            ["name", "type", "checked"].each(function (C) {
                if (!B[C]) {
                    return;
                }
                A += " " + C + '="' + B[C] + '"';
                if (C != "checked") {
                    delete B[C];
                }
            });
            A = "<" + A + ">";
        }
        return $.element(this.createElement(A)).set(B); //THIS IS LINE 118
    },
    newTextNode: function (A) {
        return this.createTextNode(A);
    },
    getDocument: function () {
        return this;
    },
    getWindow: function () {
        return this.window;
    }
});

此代码段是开发人员在网站上使用的Mootools js库的一部分。是否有解决方法来修复IE的错误?

1 个答案:

答案 0 :(得分:9)

是的,代码是垃圾,你永远不应该做那样的浏览器检查,它在JavaScript 101中教...大声笑不能相信在mootools?但是,反正

IE9不再允许疯狂的document.createElement('<div style="background:red">yay!</div>');语法(没有人应该首先使用它......)

这是一个例子:

var d = document;
var x = d.createElement('div');

x.innerHTML = 'yay';
x.style.backgroundColor = 'red';
x.style.padding = '6px';
x.style.margin = '20px';

d.body.appendChild(x);

var sameHTML = '<div style="background:green;padding:6px;margin:20px;">yay!</div>';

// fails in IE > 8 and other browsers
try {
  var y = d.createElement(sameHTML);
  d.body.appendChild(y);
} catch (err) {
  d.body.appendChild(d.createTextNode(err)); 
}

// quick fix using innerHTML:
var temp = d.createElement('div');
temp.innerHTML = sameHTML;
d.body.appendChild(temp.childNodes[0]);

修复此问题的方法是创建一个虚拟元素并使用.innerHTML然后提取子项,或者在mootools内部检查浏览器版本,如果我记得的话,不要为IE > 8执行此操作右mootools有一个Browser.Engine.version或其他东西......

编辑:我觉得我还应该补充一点:Browser.Engine.trident是有问题的检查,从代码的gyst看起来可能会出现在其他地方......

AHA!另一个更新: 我通过[旧的]支持线程找到了这个:

  

您需要更新到1.2.5或1.3。 IE9不支持以前的MooTools版本。

因此对脚本的更新应该可以解决您的问题,希望它不会引入更多错误...您可以在此处获取:http://mootools.net/download,您可能希望在顶部尝试1.2.5版本该页面的更改量最少......

祝你好运 -