这个博客已经过去了很久……

不过,你可以通过以下方式找到我

现在的位置: 首页 > 谈前端 > JavaScript > 正文
如何向iframe页面传递参数
2013年08月29日 JavaScript ⁄ 共 1216字 等你评论

有时候需要用到 iframe ,同时需要向 iframe 传递参数,那么需要如何去实现这一功能呢?说说使用 JavaScript 是如何来实现的:

Html部分

  1. <form action="nowamagic.php" method="post" id="px_form" enctype="multipart/form-data" target="pxifame" name="pxform">  
  2. <ul>  
  3. <li><a id="zpx" href="#" onclick="local_action();"></a></li>  
  4. <li><a id="status1" href="#" onclick="local_action(1);"></a></li>  
  5. <li><a id="status5" href="#" onclick="local_action(5);"></a></li>  
  6. <li><a id="status9" href="#" onclick="local_action(9);"></a></li>  
  7. </ul>  
  8. </form>  
  9. <iframe width="740" id="myif" name="pxifame" frameborder="0" scrolling="no" onload="this.height=300">  
  10. </iframe>  

Javascript部分,在同一页面写以下的 JavaScript 函数:

  1. <script language="javascript" type="text/javascript">  
  2. function local_action(vaule)  
  3. {  
  4.     //这里的作用是在不刷新页面的前提下,重置action地址  
  5.     document.pxform.action="nowamagic.php";                  
  6.     if(1 == vaule)  
  7.     {  
  8.         //在响应页面加上GET参数后缀  
  9.         document.pxform.action+="?status=1";                 
  10.     }  
  11.     if(5 == vaule)  
  12.     {  
  13.         document.pxform.action+="?status=5";  
  14.     }  
  15.     if(9 == vaule)  
  16.     {  
  17.         document.pxform.action+="?status=9";  
  18.     }  
  19.     //提交  
  20.     document.pxform.submit();                                   
  21. }  
  22. </script>  

根据传递给函数的参数来写入 nowamagic.php 页面的后缀GET参数。

友荐云推荐
×