javascript - 如何将变量传递给 iframe src url

Question

我对 JavaScript 有点陌生，在发布之前已经搜索了几个小时的答案。我有一个使用 iframe 加载表单的页面。我有一个 Javascript 函数，可以解析 URL 并将 UTM 值保存到变量中。

现在我需要将变量传递给这个 iframe url。

<iframe id="ourIframe" onload="javascript:parent.scrollTo(0,0);" height="644" allowTransparency="true" frameborder="0" scrolling="no" style="width:100%;border:none" src="http://www.xxxxx.com/form/view.php?id=14875"></iframe>

该表单设置为接受以下格式的参数:

http://www.example.com/form/view.php?id=7&element_1_1=adwords&element_1_2=term

我的 JavaScript 变量是“utm_campaign”和“utm_source”等。所以 element_1_1 = utm_campaign

我希望这很容易做到。我只是不知道如何将我的变量放入 iframe 的 URL 中。

谢谢!珍妮

Answer 1

如果您在渲染 IFRAME 之前拥有此信息，请将其作为查询字符串 (?name=value) 或哈希 (#name=value) 添加到 URL。您可以在 document.location 对象(在 iframe 中)中找到这两个信息。

如果您在渲染 IFRAME 后获取此信息，则可以使用 postmessage。更多信息请参见:https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage