将URL参数传递给iframe

时间:2012-10-17 21:43:32

标签: javascript jquery html iframe parameters

我想从包含iframe的网页中获取参数,并将参数附加到src的{​​{1}}。

示例:

包含IFRAME的页面

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

上面的IFRAME -

iframe

这是我尝试过的很多东西之一,我认为这在理论上是有效的,但我没有运气:

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

2 个答案:

答案 0 :(得分:13)

如果你使用jQuery,你可能想要删除你的代码:

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

使用window.location.search;因为它会剪掉网址末尾的哈希标记,因为它是本机代码,速度要快得多。

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

希望这有帮助。

答案 1 :(得分:11)

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