将附加参数从父 URL 传递到 iFrame

时间:2021-03-24 16:43:01

标签: javascript iframe

我正在尝试将其他参数从父 URL 传递到 iFrame。场景是父站点是 http://www.myparentsite.com/filter.html,我想向父 URL 添加一个额外的字符串 #!?filter=1,它看起来像下面的链接

http://www.myparentsite.com/filter.html#!?filter=1

然后在添加附加字符串后,iFrame 应继承添加到父 URL 的相同字符串。 iFrame 源应为 http://www.myiframe.com/filter.html#!?filter=1

这是我做的示例 javascript

<script>
    function newiframeSrc() {
       var url    = 'http://www.myiframe.com/filter.html';
       var params = window.location.search;
       var iframe_url = url+params;
       document.getElementById('iframe').src = iframe_url;
     }
</script>

然后是 iFrame

<iframe id="iframe" src=" " style="width:100%;height:800px;"></iframe>

然后我在 body 标签中调用它

<body onload="newiframeSrc()">

但是 src 是空的。我怎样才能让它工作?

0 个答案:

没有答案