javascript – 如何通过iframe从父HTML传递参数?

发布时间:2020-01-13 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了javascript – 如何通过iframe从父HTML传递参数?脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个html页面,我以编程方式设置一个iframe的src.如何通过iframe src传递参数,并将它们存入孩子html?

在我的代码下面

<iframe id="myIframe" src="" height="250px"  width="100%" scrolling="yes" frameborder="0"></iframe>

function myFunction(){
$('#myIframe').attr('src',"myIframeRequest.html"); 
}

解决方法

在主页上简单地传递参数如下
function myFunction(){
$('#myIframe').attr('src',"myIframeRequest.html?param1=value1&param2=value2"); 
}

在iframe

您可以使用脚本从传递到页面的参数获取所需的参数值.

<script>
function getParamValue(paramName)
{
    var url = window.location.search.substring(1); //get rid of "?" in querystring
    var qArray = url.split('&'); //get key-value pairs
    for (var i = 0; i < qArray.length; i++) 
    {
        var pArr = qArray[i].split('='); //split key and value
        if (pArr[0] == paramName) 
            return pArr[1]; //return value
    }
}
</script>

那么你可以这样获取所需参数的值

var param1 = getParamValue('param1');

总结

以上是脚本之家为你收集整理的javascript – 如何通过iframe从父HTML传递参数?全部内容,希望文章能够帮你解决javascript – 如何通过iframe从父HTML传递参数?所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入脚本之家官方QQ群:1065694478
脚本之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ”
精选程序员所需精品干货内容!