您可以通过在iframe中使用以下代码来“继承”父级的CSS:
<head>
<script type="text/javascript">
window.onload = function() {
if (parent) {
var oHead = document.getElementsByTagName("head")[0];
var arrStyleSheets = parent.document.getElementsByTagName("style");
for (var i = 0; i < arrStyleSheets.length; i++)
oHead.appendChild(arrStyleSheets[i].cloneNode(true));
}
}
</script>
</head>
在IE,Chrome和Firefox中对我来说效果很好。
关于JavaScript,我找不到直接将父JavaScript添加到iframe中的方法,但是您可以parent.
在父内部添加任何位置以使用JS,例如:
<button type="button" onclick="parent.MyFunc();">Click please</button>