nedd将html参数传递给iframe

时间:2016-09-11 15:49:46

标签: javascript html iframe

我有一个带参数的页面: http://example.com/mypage.html?param=123

在html中我有一个需要该参数的iframe,类似的东西:

< iframe src =" http://example.com/myapp?id = 123"等...>

现在我知道如何从url解析参数,我可以在onload()中更改iframe的src。但问题是iframe首先显示没有参数(显示一些默认的iframe),然后在onload之后它会正确显示。

我可以在加载时正确显示带有解析参数的iframe吗? (没有php,仅限javascript)

1 个答案:

答案 0 :(得分:1)

看起来解决方案是在身体中添加javascript:

<script>
    var sid = location.search.substr(location.search.indexOf("sid=")+4);
    var ifrm = document.getElementById('myiframe') ;
    var target = "http://example.com/myApp?sid=" + sid;
        ifrm.setAttribute('src', target);       
</script>