如何通过父html的iframe传递参数？ [英] How to pass parameters through iframe from parent html?

问题描述

我有一个html页面，我正在以编程方式为iframe设置src。如何通过iframe src传递参数并将它们放入子html中？

在我的代码下面：

 < iframe id =myIframesrc =height =250pxwidth =100％scrolling =yesframeborder =0>< / iframe> 
 
函数myFunction（）{
 $（'＃myIframe'）。attr（'src'，myIframeRequest.html）; 
} 
  

解决方案

参数如下

 函数myFunction（）{
 $（'＃myIframe'）。attr（'src'， myIframeRequest.html参数1 =值1&安培;参数2 =值2）; 
} 
  

在iframe中

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

 < ;脚本> 
函数getParamValue（paramName）
 {
 var url = window.location.search.substring（1）; //摆脱 ？在查询字符串
 var qArray = url.split（'&'）; //获取键值对
 for（var i = 0; i< qArray.length; i ++）
 {
 var pArr = qArray [i] .split（'='） ; //分割键和值
 if（pArr [0] == paramName）
 return pArr [1]; //返回值
} 
} 
< / script> 
  

然后您可以像这样获取所需参数的值

  var param1 = getParamValue（'param1'）; 
  

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?

Below my code:

<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&param2=value2"); 
} 

In 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屋！