gpt4 book ai didi

javascript - 从窗口将值传递给 iframe

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

我需要向 iframe 发送一个值。

iframe 出现在当前窗口中。我怎样才能做到这一点?

我需要在包含 iframe 的父窗口中使用 javascript 来完成。

最佳答案

首先,您需要了解您有两个文档:框架和容器(包含框架)。

从容器中操作框架的主要障碍是框架是异步加载的。您不能随时访问它,您必须知道它何时完成加载。所以你需要一个技巧。通常的解决方案是在框架中使用 window.parent 来“向上”(进入包含 iframe 标记的文档)。

现在您可以调用容器文档中的任何方法。此方法可以操作框架(例如,使用您需要的参数在框架中 调用一些 JavaScript)。要知道何时调用该方法,您有两种选择:

  1. 从框架的 body.onload 中调用它。

  2. 在调用容器方法的框架的 HTML 内容中最后放置一个脚本元素(留给读者作为练习)。

所以框架看起来像这样:

<script>
function init() { window.parent.setUpFrame(); return true; }
function yourMethod(arg) { ... }
</script>
<body onload="init();">...</body>

容器是这样的:

<script>
function setUpFrame() {
var frame = window.frames['frame-id'].contentWindow;
frame.yourMethod('hello');
}
</script>
<body><iframe name="frame-id" src="..."></iframe></body>

关于javascript - 从窗口将值传递给 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/536538/

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