下面片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