Comment passer des paramètres via iframe à partir de html parent?

J'ai une page html dans laquelle je définis la src pour un iframe par programme. Comment puis-je passer des paramètres via iframe src et les obtenir dans le html enfant?

Ci-dessous mon code:

<iframe id="myIframe" src="" height="250px" width="100%" scrolling="yes" frameborder="0"></iframe> function myFunction(){ $('#myIframe').attr('src', "myIframeRequest.html"); }

Sur la page principale, passez simplement les paramètres comme suit

 function myFunction(){ $('#myIframe').attr('src', "myIframeRequest.html?param1=value1&param2=value2"); }

Dans Iframe

Vous pouvez utiliser un script pour obtenir la valeur de paramètre souhaitée à partir des paramètres passés à la 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>

Ensuite, vous pouvez récupérer la valeur du paramètre souhaité comme celui-ci

 var param1 = getParamValue('param1');

Vous devriez créer une page de serveur comme (myIframeRequest.php) php / jsp et obtenir la valeur du paramètre dans cette page s'il s'agit d'une page html puis analyser window.location.href via javascript et trouver la requête / param