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

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

在我的代码下面

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

解决方法

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

在iframe

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

  1. <script>
  2. function getParamValue(paramName)
  3. {
  4. var url = window.location.search.substring(1); //get rid of "?" in querystring
  5. var qArray = url.split('&'); //get key-value pairs
  6. for (var i = 0; i < qArray.length; i++)
  7. {
  8. var pArr = qArray[i].split('='); //split key and value
  9. if (pArr[0] == paramName)
  10. return pArr[1]; //return value
  11. }
  12. }
  13. </script>

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

  1. var param1 = getParamValue('param1');

猜你在找的JavaScript相关文章