Excepción de DOM de Carácter no válido en IE9

Para jQuery.bgiframe.js, sería una mejor solución para arreglar la prueba IE6 incorrecta?

¿Qué hay de reemplazar esto:

if($.browser.msie&&/6.0/.test(navigator.userAgent)

Con algo como esto:

if ($.browser.msie && $.browser.version=="6.0")

Para jquery.bgiframe.js:

He descargado la versión 1.1.3 pre en

Https://github.com/brandonaaron/bgiframe/blob/master/jquery.bgiframe.js

Y esto resolvió el problema.

Este error puede ocurrir cuando accidentalmente se usan nombres de funciones estándar de JavaScript como sus propios nombres de funciones si no utiliza espacios de nombres. Por ejemplo, tengo un concepto llamado "Atributo" y quería probar una nueva función que creara una nueva de esas:

<button onclick="createAttribute('Pony')">Foo</button>
<button onclick="createAttribute('Magical pony')">Bar</button>
<script type="text/javascript">
    function createAttribute(name) { alert(name); } 
</script>

• Hacer clic en "Foo" no te da nada
• Hacer clic en Foo te da INVALID_CHARACTER_ERR (5) o InvalidCharacterError: DOM Exception 5
• Abrir tu consola de desarrollo y ejecutar createAttribute('Django') te da la alerta

Lo que está sucediendo es que los botones son llamando document.createAttribute() y tu consola de desarrollo está llamando a la función que declaraste.

Solución: use un nombre de función diferente o mejor aún, un espacio de nombres.

Si está dispuesto a sacrificar un poco de rendimiento y puede usar una biblioteca externa, le sugeriría usar:

Prototipo 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];

Esto se encarga de todas las inconsistencias entre navegadores y también es mucho más bonito: -)

Nota: Este es un pseudocódigo no probado-consulte las páginas de documentación oficial de Prototype JS y jQuery para obtener más información.

Esta es una solución para jquery de .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 );
            }