将URL参数传递给iframe

Nos*_*a80 21 html javascript parameters iframe jquery

我想从一个包含一个页面抓取的参数iframe,参数追加到src的iframe.

例:

包含IFRAME的PAGE -

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>
Run Code Online (Sandbox Code Playgroud)

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

<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>
Run Code Online (Sandbox Code Playgroud)

led*_*dje 15

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

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

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

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

希望这可以帮助.


ade*_*neo 11

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