如何在iFrame中包含css和javascript

Question

在iframe中我的css和javascript没有被考虑在内。 例如，我有这个iframe：

<iframe name="richTextField" id="richTextField"/>

我在页面加载后注入.css文件：

$(document).ready(iFrameOn);

function iFrameOn() {
    richTextField.document.designMode = "On";
    richTextField.document.head.innerHTML = '<link rel="stylesheet" type="text/css" href="iframe.css">';
}

在我的iframe的头部将包含我的样式表，但它不会有任何影响，即它甚至不包括在内。

无论如何，我发现警报在jsfiddle上对我不起作用，而它对其他用户有效。 Take this code for instance。在chrome上没有为我显示警告对话框。我认为这可能是相关的。知道为什么会这样吗？