añadir elemento en la cabecera de un iframe utilizando jquery

Quiero adjuntar un enlace de hoja de estilo (css) al encabezado de un iframe utilizando jquery. Intenté con el siguiente código pero no funcionaba.

$('#tabsFrame').contents().find("head").append(cssLink); 

Estoy acostumbrado a anexar datos a un iframe usando esta línea de código

$('body', window.frames[target].document).append(data);

En tu caso, esta línea se vería así

$('head', window.frames['tabsFrame'].document).append(cssLink);

EDITAR:

Agregue al iframe y cambie su var cssLink a

cssLink = '

bueno, puedes verificar esto:

 $('#tabsFrame').contents().find("head")[0].appendChild(cssLink); 

Creo que no se puede manipular el contenido de un iframe debido a la seguridad. Hacer que usted sea capaz de hacer tal cosa haría que las secuencias de comandos entre sitios fueran demasiado fáciles.

El iframe está totalmente separado del DOM de tu página.

Además, java y javascript son dos cosas completamente diferentes.

Siga el enlace para ver la diferencia aquí

Esto podría estar relacionado con que IE no te permite agregar elementos en el DOM, echa un vistazo a la solución inteligente aquí

EDITAR:

Gracias @kris, un buen consejo para agregar más información en caso de que los enlaces se rompan:

Aquí está el fragmento de código principal del enlace, en caso de que se apague nuevamente. (Esto solo es necesario con alguna versión de IE, en su mayor parte, la otra respuesta funciona bien)

 var ifrm; //attempts to retrieve the IFrame document function addElementToFrame(newStyle) { if (typeof ifrm == "undefined") { ifrm = document.getElementById('previewFrame'); if (ifrm.contentWindow) { ifrm = ifrm.contentWindow; } else { if (ifrm.contentDocument.document) { ifrm = ifrm.contentDocument.document; } else { ifrm = ifrm.contentDocument; } } } //Now that we have the document, look for an existing style tag var tag = ifrm.document.getElementById("tempTag"); //if you need to replace the existing tag, we first need to remove it if (typeof tag != "undefined" || tag != null) { $("#tempTag", ifrm.document).remove(); } //add a new style tag $("HEAD", ifrm.document).append(""); }