JSP子页面与父页面的交互，方法、元素的相互调用的方法教程 程序员文章站 2022-05-28 20:11:41 在JSP的页面中，可以通过设置iframe来添加子页面： <p>在JSP的页面中，可以通过设置iframe来添加子页面：</p> <pre class="brush:java;"> <iframe name="pageResult3" id="pageResult3" frameborder="0" width="100%" align="center" scrolling="auto" onload="this.height=pageResult3.document.body.scrollHeight" src="a.jsp"> </iframe> </pre> <p>在此总结一下子页面与父页面的交互方法：</p> <p>1.1子页面获取父页面元素:</p> <p>$('#userId', parent.document);</p> <p>1.2父页面获取子页面元素:</p> <p>$("#userId", document.iframes('iframe').document) ;</p> <p>2.1父页面调用子页面方法：</p> <p>iframe.window.childMethod();</p> <p>2.2子页面调用父页面方法：</p> <p>parent.window.parentMethod();</p> </div> <div class="info-pre-next"> <p> 上一篇： <a href="/article/1175753.html"> ASP.Net MVC开发基础学习笔记：四、校验、AJAX与过滤器 </a> </p> <p> 下一篇： <a href="/article/1175755.html"> jsp验证码加无刷新更新 </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/2041169.html" target="_blank" title="jquery、js调用iframe父窗口与子窗口元素的方法教程"> <h2> jquery、js调用iframe父窗口与子窗口元素的方法教程 </h2> </a> </li> <li> <a href="/article/1175754.html" target="_blank" title="JSP子页面与父页面的交互，方法、元素的相互调用的方法教程"> <h2> JSP子页面与父页面的交互，方法、元素的相互调用的方法教程 </h2> </a> </li> <li> <a href="/article/1092619.html" target="_blank" title="jquery、js调用iframe父窗口与子窗口元素的方法教程"> <h2> jquery、js调用iframe父窗口与子窗口元素的方法教程 </h2> </a> </li> </ul> </div> </article> </div> </main> <footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body> </html>