将 URL 参数传递给 iframe

Question

我想从包含iframe的页面中获取参数，并将参数附加到iframe的src 。

例子：

包含 IFRAME 的页面--

http://www.example.com/pref.html?c=%433r3jutlut9se%23&e=test%40example.com

上一页中的 IFRAME--

<iframe id="myiframe" name="myiframe" src="prefcontent.aspx" frameborder="0"
width="100%" height="800"></iframe>

这是我尝试过的许多事情之一，我认为理论上可行，但我没有运气：

<script language="javascript">
$(function() {

    var loc = window.location.toString(),
    params = loc.split('?')[1],
    params2 = loc.split('&')[2],
    iframe = $('#myiframe');

    console.log(params);

    iframe.src = iframe.src + '?' + params + '&' + params2;


});
</script>

Answer 1

如果您使用 jQuery，您可能想要精简代码：

$(function() {
    var search = window.location.search;
    $("#myiframe").attr("src", $("#myiframe").attr("src")+search);
});

使用 window.location.search; 因为它会剪掉 url 末尾的哈希标签，并且由于它是本机代码，所以速度要快得多。

然后使用 jQuery 选择器在 iframe 上查找和替换 src 的属性，用它的当前 src 加上从该页面获取的搜索。

希望这可以帮助。

Answer 2

您可以将查询字符串附加到 iFrame 的来源

<script language="javascript">
    var iframe = document.getElementById('myiframe');
        iframe.src = iframe.src + window.location.search;
</script>