如何将变量传递给iframe src url

Question

我对JavaScript有点新，并且在发布前几个小时一直在寻找答案。我有一个使用iframe加载表单的页面。我有一个Javascript函数，它解析URL并将UTM值保存到变量。

现在我需要将变量传递给此iframe网址。

<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网址。

谢谢！ 珍妮

Answer 1

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

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