gpt4 book ai didi

javascript - iframe 继承自父级

转载 作者:IT王子 更新时间:2023-10-29 03:06:57 29 4
gpt4 key购买 nike

我如何制作 <iframe>继承其父项的样式和 javascript。

我试过了

var parentHead = $("head", parent.document).html();
$("head").html(parentHead);

但是,它去掉了 <script>标签。此外,我没有看到影响我的 iframe 的样式。

我是否缺少更好的/任何其他方法?谢谢。

最佳答案

您可以通过在 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>

这将在单击按钮时调用父页面中定义的名为 MyFunc 的函数。

关于javascript - iframe 继承自父级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4612374/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com