javascript - 将 URL 参数传递给 iframe

Question

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

例子：

包含 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>