如何从父html通过iframe传递参数? [英] How to pass parameters through iframe from parent html?
本文介绍了如何从父html通过iframe传递参数?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个 html 页面,我在其中以编程方式设置 iframe 的 src.如何通过 iframe src 传递参数并在子 html 中获取它们?
I have a html page in which I am setting the src for an iframe programmatically. How can I pass parameters through the iframe src and get them in the child html?
在我的代码下面:
<iframe id="myIframe" src="" height="250px" width="100%" scrolling="yes" frameborder="0"></iframe>
function myFunction(){
$('#myIframe').attr('src', "myIframeRequest.html");
}
推荐答案
在主页面上简单的传递参数如下
On the main page simply pass parameters as follows
function myFunction(){
$('#myIframe').attr('src', "myIframeRequest.html?param1=value1¶m2=value2");
}
在 iframe 中
您可以使用脚本从传递给页面的参数中获取所需的参数值.
You can use a script to get the desired parameter value from parameters passed to page.
<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>
然后你可以像这样获取所需参数的值
Then you can fetch the value of desired parameter like this
var param1 = getParamValue('param1');
这篇关于如何从父html通过iframe传递参数?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文