下面片JS的哪个用于IE8工作现在在IE9失败。无效的字符DOM异常在IE9
document.createElement('<iframe id="yui-history-iframe" src="../../images/defaults/transparent-pixel.gif" style="position:absolute;top:0;left:0;width:1px;height:1px;visibility:hidden;"></iframe>');
我出现以下情况例外：SCRIPT5022：DOM异常：INVALID_CHARACTER_ERR（5）
是一个不按照标准的代码上面片。这个问题的解决方法是什么？
的的createElement的API指定的构造想要一个string物种元素的名称。看来IE9更严格地遵循标准。你可以完成你正在尝试用下面的代码做同样的事情：
var iframe = document.createElement("iframe");
iframe.setAttribute("id", "yui-history-iframe");
iframe.setAttribute("src", "../../images/defaults/transparent-pixel.gif");
iframe.setAttribute("style", "position:absolute;top:0;left:0;width:1px;height:1px;visibility:hidden;");
http://msdn.microsoft.com/en-us/library/ms536389(v=vs.85).aspx
+1 for setAttribute。 – 2011-03-17 19:26:58
这是否也可以解决旧版IE的问题？ – Jason 2011-09-28 13:48:18
这是jQuery的jquery.bgiframe.js的解决方案。
if ($.browser.msie && /9.0/.test(navigator.userAgent)) {
var iframe = document.createElement("iframe");
iframe.setAttribute("class", "bgiframe");
iframe.setAttribute("frameborder", "0");
iframe.setAttribute("style", "display:block;position:absolute;z-index:-1;filter:Alpha(Opacity=\'0\');top:expression(((parseInt(this.parentNode.currentStyle.borderTopWidth)||0)*-1)+\'px\');left:expression(((parseInt(this.parentNode.currentStyle.borderLeftWidth)||0)*-1)+\'px\');width:expression(this.parentNode.offsetWidth+\'px\');height:expression(this.parentNode.offsetHeight+\'px\');");
this.insertBefore(iframe, this.firstChild);
} else {
this.insertBefore(document.createElement(html), this.firstChild);
}
对于jQuery.bgiframe.js，将是一个更好的解决方案，以解决错误的IE6测试？
什么代替它：
if($.browser.msie&&/6.0/.test(navigator.userAgent)
像这样的东西：
if ($.browser.msie && $.browser.version=="6.0")
对于jquery.bgiframe.js：
我下载的版本1.1.3预在
https://github.com/brandonaaron/bgiframe/blob/master/jquery.bgiframe.js
，这解决了这个问题。
你的意思是2.1.3-pre，对吧？ – 2011-08-03 13:01:11
我相当肯定他的意思是2.1.3-pre。顺便为我工作。 – 2012-03-27 13:54:24
这个错误可以使用标准的JavaScript函数的名称作为自己的函数名称，如果你不使用命名空间来当意外。比如我有一个名为“属性”的概念，我想尝试创建者的一个新的一个新功能：点击“富”给你什么
INVALID_CHARACTER_ERR (5) <button onclick="createAttribute('Pony')">Foo</button>
<button onclick="createAttribute('Magical pony')">Bar</button>
<script type="text/javascript">
function createAttribute(name) { alert(name); }
</script>
InvalidCharacterError: DOM Exception 5createAttribute('Django')给你警告正在发生的事情是，按钮调用document.createAttribute()和您的开发控制台正在调用您声明的函数。
解决方案：使用不同的函数名称或更好的名称空间。
如果你愿意牺牲一点性能，可以使用一个外部库，我建议使用：
原型JS
var el = new Element('iframe', {
id: "<your id here>",
src: "<your source here>",
style: "<your style here>"
});
jQuery的
var el = jQuery('<iframe>', {
id: '<your id here>',
src: "<your source here>",
style: "<your style here>"
})[0];
这照顾浏览器之间的所有不一致，并且也更漂亮:-)
注：这是未经测试的伪代码 - 参见Prototype JS和jQuery的官方文档页面获取更多信息。
尝试转义您的正斜杠'\ /' – meouw 2011-03-17 19:17:50
这不是创建DOM元素的标准方式。 – 2011-03-17 19:26:48
但是，对于较老的IE，这是推荐的方法： – mplungjan 2011-06-28 09:10:31