如何将变量传递给iframe src url

时间:2015-05-29 21:13:13

标签: javascript iframe

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

谢谢! 珍妮

1 个答案:

答案 0 :(得分:0)

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

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